.grid {
  display: flex;
  flex-wrap: wrap;
  margin-right:  0.5rem;
  margin-left:  0.5rem;
  margin-top:  0.5rem;
}

.grid > .col,
.grid > [class*=col] {
  box-sizing: border-box;
}

.grid-nogutter {
  margin-right: 0;
  margin-left: 0;
  margin-top: 0;
}

.grid-nogutter > .col,
.grid-nogutter > [class*=col-] {
  padding: 0;
}

.col {
  flex-grow: 1;
  flex-basis: 0;
  padding: 0.5rem;
}

.col-fixed {
  flex: 0 0 auto;
  padding: 0.5rem;
}

.col-1 {
  flex: 0 0 auto;
  padding: 0.5rem;
  width: 8.3333%;
}

.col-2 {
  flex: 0 0 auto;
  padding: 0.5rem;
  width: 16.6667%;
}

.col-3 {
  flex: 0 0 auto;
  padding: 0.5rem;
  width: 25%;
}

.col-4 {
  flex: 0 0 auto;
  padding: 0.5rem;
  width: 33.3333%;
}

.col-5 {
  flex: 0 0 auto;
  padding: 0.5rem;
  width: 41.6667%;
}

.col-6 {
  flex: 0 0 auto;
  padding: 0.5rem;
  width: 50%;
}

.col-7 {
  flex: 0 0 auto;
  padding: 0.5rem;
  width: 58.3333%;
}

.col-8 {
  flex: 0 0 auto;
  padding: 0.5rem;
  width: 66.6667%;
}

.col-9 {
  flex: 0 0 auto;
  padding: 0.5rem;
  width: 75%;
}

.col-10 {
  flex: 0 0 auto;
  padding: 0.5rem;
  width: 83.3333%;
}

.col-11 {
  flex: 0 0 auto;
  padding: 0.5rem;
  width: 91.6667%;
}

.col-12 {
  flex: 0 0 auto;
  padding: 0.5rem;
  width: 100%;
}

@media screen and (min-width: 576px) {
  .sm col-1 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 8.3333%;
  }
  .sm col-2 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 16.6667%;
  }
  .sm col-3 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 25%;
  }
  .sm col-4 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 33.3333%;
  }
  .sm col-5 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 41.6667%;
  }
  .sm col-6 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 50%;
  }
  .sm col-7 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 58.3333%;
  }
  .sm col-8 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 66.6667%;
  }
  .sm col-9 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 75%;
  }
  .sm col-10 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 83.3333%;
  }
  .sm col-11 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 91.6667%;
  }
  .sm col-12 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .md col-1 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 8.3333%;
  }
  .md col-2 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 16.6667%;
  }
  .md col-3 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 25%;
  }
  .md col-4 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 33.3333%;
  }
  .md col-5 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 41.6667%;
  }
  .md col-6 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 50%;
  }
  .md col-7 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 58.3333%;
  }
  .md col-8 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 66.6667%;
  }
  .md col-9 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 75%;
  }
  .md col-10 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 83.3333%;
  }
  .md col-11 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 91.6667%;
  }
  .md col-12 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 100%;
  }
}
@media screen and (min-width: 992px) {
  .lg col-1 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 8.3333%;
  }
  .lg col-2 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 16.6667%;
  }
  .lg col-3 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 25%;
  }
  .lg col-4 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 33.3333%;
  }
  .lg col-5 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 41.6667%;
  }
  .lg col-6 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 50%;
  }
  .lg col-7 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 58.3333%;
  }
  .lg col-8 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 66.6667%;
  }
  .lg col-9 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 75%;
  }
  .lg col-10 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 83.3333%;
  }
  .lg col-11 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 91.6667%;
  }
  .lg col-12 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 100%;
  }
}
@media screen and (min-width: 1200px) {
  .xl col-1 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 8.3333%;
  }
  .xl col-2 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 16.6667%;
  }
  .xl col-3 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 25%;
  }
  .xl col-4 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 33.3333%;
  }
  .xl col-5 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 41.6667%;
  }
  .xl col-6 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 50%;
  }
  .xl col-7 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 58.3333%;
  }
  .xl col-8 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 66.6667%;
  }
  .xl col-9 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 75%;
  }
  .xl col-10 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 83.3333%;
  }
  .xl col-11 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 91.6667%;
  }
  .xl col-12 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 100%;
  }
}
.col-offset-0 {
  margin-left: 0 ;
}

.col-offset-1 {
  margin-left: 8.3333% ;
}

.col-offset-2 {
  margin-left: 16.6667% ;
}

.col-offset-3 {
  margin-left: 25% ;
}

.col-offset-4 {
  margin-left: 33.3333% ;
}

.col-offset-5 {
  margin-left: 41.6667% ;
}

.col-offset-6 {
  margin-left: 50% ;
}

.col-offset-7 {
  margin-left: 58.3333% ;
}

.col-offset-8 {
  margin-left: 66.6667% ;
}

.col-offset-9 {
  margin-left: 75% ;
}

.col-offset-10 {
  margin-left: 83.3333% ;
}

.col-offset-11 {
  margin-left: 91.6667% ;
}

.col-offset-12 {
  margin-left: 100% ;
}

@media screen and (min-width: 576px) {
  .sm col-offset-0 {
    margin-left: 0 ;
  }
  .sm col-offset-1 {
    margin-left: 8.3333% ;
  }
  .sm col-offset-2 {
    margin-left: 16.6667% ;
  }
  .sm col-offset-3 {
    margin-left: 25% ;
  }
  .sm col-offset-4 {
    margin-left: 33.3333% ;
  }
  .sm col-offset-5 {
    margin-left: 41.6667% ;
  }
  .sm col-offset-6 {
    margin-left: 50% ;
  }
  .sm col-offset-7 {
    margin-left: 58.3333% ;
  }
  .sm col-offset-8 {
    margin-left: 66.6667% ;
  }
  .sm col-offset-9 {
    margin-left: 75% ;
  }
  .sm col-offset-10 {
    margin-left: 83.3333% ;
  }
  .sm col-offset-11 {
    margin-left: 91.6667% ;
  }
  .sm col-offset-12 {
    margin-left: 100% ;
  }
}
@media screen and (min-width: 768px) {
  .md col-offset-0 {
    margin-left: 0 ;
  }
  .md col-offset-1 {
    margin-left: 8.3333% ;
  }
  .md col-offset-2 {
    margin-left: 16.6667% ;
  }
  .md col-offset-3 {
    margin-left: 25% ;
  }
  .md col-offset-4 {
    margin-left: 33.3333% ;
  }
  .md col-offset-5 {
    margin-left: 41.6667% ;
  }
  .md col-offset-6 {
    margin-left: 50% ;
  }
  .md col-offset-7 {
    margin-left: 58.3333% ;
  }
  .md col-offset-8 {
    margin-left: 66.6667% ;
  }
  .md col-offset-9 {
    margin-left: 75% ;
  }
  .md col-offset-10 {
    margin-left: 83.3333% ;
  }
  .md col-offset-11 {
    margin-left: 91.6667% ;
  }
  .md col-offset-12 {
    margin-left: 100% ;
  }
}
@media screen and (min-width: 992px) {
  .lg col-offset-0 {
    margin-left: 0 ;
  }
  .lg col-offset-1 {
    margin-left: 8.3333% ;
  }
  .lg col-offset-2 {
    margin-left: 16.6667% ;
  }
  .lg col-offset-3 {
    margin-left: 25% ;
  }
  .lg col-offset-4 {
    margin-left: 33.3333% ;
  }
  .lg col-offset-5 {
    margin-left: 41.6667% ;
  }
  .lg col-offset-6 {
    margin-left: 50% ;
  }
  .lg col-offset-7 {
    margin-left: 58.3333% ;
  }
  .lg col-offset-8 {
    margin-left: 66.6667% ;
  }
  .lg col-offset-9 {
    margin-left: 75% ;
  }
  .lg col-offset-10 {
    margin-left: 83.3333% ;
  }
  .lg col-offset-11 {
    margin-left: 91.6667% ;
  }
  .lg col-offset-12 {
    margin-left: 100% ;
  }
}
@media screen and (min-width: 1200px) {
  .xl col-offset-0 {
    margin-left: 0 ;
  }
  .xl col-offset-1 {
    margin-left: 8.3333% ;
  }
  .xl col-offset-2 {
    margin-left: 16.6667% ;
  }
  .xl col-offset-3 {
    margin-left: 25% ;
  }
  .xl col-offset-4 {
    margin-left: 33.3333% ;
  }
  .xl col-offset-5 {
    margin-left: 41.6667% ;
  }
  .xl col-offset-6 {
    margin-left: 50% ;
  }
  .xl col-offset-7 {
    margin-left: 58.3333% ;
  }
  .xl col-offset-8 {
    margin-left: 66.6667% ;
  }
  .xl col-offset-9 {
    margin-left: 75% ;
  }
  .xl col-offset-10 {
    margin-left: 83.3333% ;
  }
  .xl col-offset-11 {
    margin-left: 91.6667% ;
  }
  .xl col-offset-12 {
    margin-left: 100% ;
  }
}
.text-0 {
  color:  @surface-0 ;
}

.text-50 {
  color:  @surface-50 ;
}

.text-100 {
  color:  @surface-100 ;
}

.text-200 {
  color:  @surface-200 ;
}

.text-300 {
  color:  @surface-300 ;
}

.text-400 {
  color:  @surface-400 ;
}

.text-500 {
  color:  @surface-500 ;
}

.text-600 {
  color:  @surface-600 ;
}

.text-700 {
  color:  @surface-700 ;
}

.text-800 {
  color:  @surface-800 ;
}

.text-900 {
  color:  @surface-900 ;
}

 text-0:focus {
  color:  @surface-0 ;
}

 text-0:hover {
  color:  @surface-0 ;
}

  text-0:active {
  color:  @surface-0 ;
}

 text-50:focus {
  color:  @surface-50 ;
}

 text-50:hover {
  color:  @surface-50 ;
}

  text-50:active {
  color:  @surface-50 ;
}

 text-100:focus {
  color:  @surface-100 ;
}

 text-100:hover {
  color:  @surface-100 ;
}

  text-100:active {
  color:  @surface-100 ;
}

 text-200:focus {
  color:  @surface-200 ;
}

 text-200:hover {
  color:  @surface-200 ;
}

  text-200:active {
  color:  @surface-200 ;
}

 text-300:focus {
  color:  @surface-300 ;
}

 text-300:hover {
  color:  @surface-300 ;
}

  text-300:active {
  color:  @surface-300 ;
}

 text-400:focus {
  color:  @surface-400 ;
}

 text-400:hover {
  color:  @surface-400 ;
}

  text-400:active {
  color:  @surface-400 ;
}

 text-500:focus {
  color:  @surface-500 ;
}

 text-500:hover {
  color:  @surface-500 ;
}

  text-500:active {
  color:  @surface-500 ;
}

 text-600:focus {
  color:  @surface-600 ;
}

 text-600:hover {
  color:  @surface-600 ;
}

  text-600:active {
  color:  @surface-600 ;
}

 text-700:focus {
  color:  @surface-700 ;
}

 text-700:hover {
  color:  @surface-700 ;
}

  text-700:active {
  color:  @surface-700 ;
}

 text-800:focus {
  color:  @surface-800 ;
}

 text-800:hover {
  color:  @surface-800 ;
}

  text-800:active {
  color:  @surface-800 ;
}

 text-900:focus {
  color:  @surface-900 ;
}

 text-900:hover {
  color:  @surface-900 ;
}

  text-900:active {
  color:  @surface-900 ;
}

.surface-0 {
  background-color:  @surface-0 ;
}

.surface-50 {
  background-color:  @surface-50 ;
}

.surface-100 {
  background-color:  @surface-100 ;
}

.surface-200 {
  background-color:  @surface-200 ;
}

.surface-300 {
  background-color:  @surface-300 ;
}

.surface-400 {
  background-color:  @surface-400 ;
}

.surface-500 {
  background-color:  @surface-500 ;
}

.surface-600 {
  background-color:  @surface-600 ;
}

.surface-700 {
  background-color:  @surface-700 ;
}

.surface-800 {
  background-color:  @surface-800 ;
}

.surface-900 {
  background-color:  @surface-900 ;
}

 surface-0:focus {
  background-color:  @surface-0 ;
}

 surface-0:hover {
  background-color:  @surface-0 ;
}

  surface-0:active {
  background-color:  @surface-0 ;
}

 surface-50:focus {
  background-color:  @surface-50 ;
}

 surface-50:hover {
  background-color:  @surface-50 ;
}

  surface-50:active {
  background-color:  @surface-50 ;
}

 surface-100:focus {
  background-color:  @surface-100 ;
}

 surface-100:hover {
  background-color:  @surface-100 ;
}

  surface-100:active {
  background-color:  @surface-100 ;
}

 surface-200:focus {
  background-color:  @surface-200 ;
}

 surface-200:hover {
  background-color:  @surface-200 ;
}

  surface-200:active {
  background-color:  @surface-200 ;
}

 surface-300:focus {
  background-color:  @surface-300 ;
}

 surface-300:hover {
  background-color:  @surface-300 ;
}

  surface-300:active {
  background-color:  @surface-300 ;
}

 surface-400:focus {
  background-color:  @surface-400 ;
}

 surface-400:hover {
  background-color:  @surface-400 ;
}

  surface-400:active {
  background-color:  @surface-400 ;
}

 surface-500:focus {
  background-color:  @surface-500 ;
}

 surface-500:hover {
  background-color:  @surface-500 ;
}

  surface-500:active {
  background-color:  @surface-500 ;
}

 surface-600:focus {
  background-color:  @surface-600 ;
}

 surface-600:hover {
  background-color:  @surface-600 ;
}

  surface-600:active {
  background-color:  @surface-600 ;
}

 surface-700:focus {
  background-color:  @surface-700 ;
}

 surface-700:hover {
  background-color:  @surface-700 ;
}

  surface-700:active {
  background-color:  @surface-700 ;
}

 surface-800:focus {
  background-color:  @surface-800 ;
}

 surface-800:hover {
  background-color:  @surface-800 ;
}

  surface-800:active {
  background-color:  @surface-800 ;
}

 surface-900:focus {
  background-color:  @surface-900 ;
}

 surface-900:hover {
  background-color:  @surface-900 ;
}

  surface-900:active {
  background-color:  @surface-900 ;
}

.border-0 {
  border-color:  @surface-0 ;
}

.border-50 {
  border-color:  @surface-50 ;
}

.border-100 {
  border-color:  @surface-100 ;
}

.border-200 {
  border-color:  @surface-200 ;
}

.border-300 {
  border-color:  @surface-300 ;
}

.border-400 {
  border-color:  @surface-400 ;
}

.border-500 {
  border-color:  @surface-500 ;
}

.border-600 {
  border-color:  @surface-600 ;
}

.border-700 {
  border-color:  @surface-700 ;
}

.border-800 {
  border-color:  @surface-800 ;
}

.border-900 {
  border-color:  @surface-900 ;
}

 border-0:focus {
  border-color:  @surface-0 ;
}

 border-0:hover {
  border-color:  @surface-0 ;
}

  border-0:active {
  border-color:  @surface-0 ;
}

 border-50:focus {
  border-color:  @surface-50 ;
}

 border-50:hover {
  border-color:  @surface-50 ;
}

  border-50:active {
  border-color:  @surface-50 ;
}

 border-100:focus {
  border-color:  @surface-100 ;
}

 border-100:hover {
  border-color:  @surface-100 ;
}

  border-100:active {
  border-color:  @surface-100 ;
}

 border-200:focus {
  border-color:  @surface-200 ;
}

 border-200:hover {
  border-color:  @surface-200 ;
}

  border-200:active {
  border-color:  @surface-200 ;
}

 border-300:focus {
  border-color:  @surface-300 ;
}

 border-300:hover {
  border-color:  @surface-300 ;
}

  border-300:active {
  border-color:  @surface-300 ;
}

 border-400:focus {
  border-color:  @surface-400 ;
}

 border-400:hover {
  border-color:  @surface-400 ;
}

  border-400:active {
  border-color:  @surface-400 ;
}

 border-500:focus {
  border-color:  @surface-500 ;
}

 border-500:hover {
  border-color:  @surface-500 ;
}

  border-500:active {
  border-color:  @surface-500 ;
}

 border-600:focus {
  border-color:  @surface-600 ;
}

 border-600:hover {
  border-color:  @surface-600 ;
}

  border-600:active {
  border-color:  @surface-600 ;
}

 border-700:focus {
  border-color:  @surface-700 ;
}

 border-700:hover {
  border-color:  @surface-700 ;
}

  border-700:active {
  border-color:  @surface-700 ;
}

 border-800:focus {
  border-color:  @surface-800 ;
}

 border-800:hover {
  border-color:  @surface-800 ;
}

  border-800:active {
  border-color:  @surface-800 ;
}

 border-900:focus {
  border-color:  @surface-900 ;
}

 border-900:hover {
  border-color:  @surface-900 ;
}

  border-900:active {
  border-color:  @surface-900 ;
}

.bg-transparent {
  background-color: transparent ;
}

@media screen and (min-width: 576px) {
  .sm bg-transparent {
    background-color: transparent ;
  }
}
@media screen and (min-width: 768px) {
  .md bg-transparent {
    background-color: transparent ;
  }
}
@media screen and (min-width: 992px) {
  .lg bg-transparent {
    background-color: transparent ;
  }
}
@media screen and (min-width: 1200px) {
  .xl bg-transparent {
    background-color: transparent ;
  }
}
.border-transparent {
  border-color: transparent ;
}

@media screen and (min-width: 576px) {
  .sm border-transparent {
    border-color: transparent ;
  }
}
@media screen and (min-width: 768px) {
  .md border-transparent {
    border-color: transparent ;
  }
}
@media screen and (min-width: 992px) {
  .lg border-transparent {
    border-color: transparent ;
  }
}
@media screen and (min-width: 1200px) {
  .xl border-transparent {
    border-color: transparent ;
  }
}
.text-blue-50 {
  color:  @blue-50 ;
}
.text-blue-100 {
  color:  @blue-100 ;
}
.text-blue-200 {
  color:  @blue-200 ;
}
.text-blue-300 {
  color:  @blue-300 ;
}
.text-blue-400 {
  color:  @blue-400 ;
}
.text-blue-500 {
  color:  @blue-500 ;
}
.text-blue-600 {
  color:  @blue-600 ;
}
.text-blue-700 {
  color:  @blue-700 ;
}
.text-blue-800 {
  color:  @blue-800 ;
}
.text-blue-900 {
  color:  @blue-900 ;
}

 text-blue-50:focus {
  color:  @blue-50 ;
}
 text-blue-100:focus {
  color:  @blue-100 ;
}
 text-blue-200:focus {
  color:  @blue-200 ;
}
 text-blue-300:focus {
  color:  @blue-300 ;
}
 text-blue-400:focus {
  color:  @blue-400 ;
}
 text-blue-500:focus {
  color:  @blue-500 ;
}
 text-blue-600:focus {
  color:  @blue-600 ;
}
 text-blue-700:focus {
  color:  @blue-700 ;
}
 text-blue-800:focus {
  color:  @blue-800 ;
}
 text-blue-900:focus {
  color:  @blue-900 ;
}

 text-blue-50:hover {
  color:  @blue-50 ;
}
 text-blue-100:hover {
  color:  @blue-100 ;
}
 text-blue-200:hover {
  color:  @blue-200 ;
}
 text-blue-300:hover {
  color:  @blue-300 ;
}
 text-blue-400:hover {
  color:  @blue-400 ;
}
 text-blue-500:hover {
  color:  @blue-500 ;
}
 text-blue-600:hover {
  color:  @blue-600 ;
}
 text-blue-700:hover {
  color:  @blue-700 ;
}
 text-blue-800:hover {
  color:  @blue-800 ;
}
 text-blue-900:hover {
  color:  @blue-900 ;
}

  text-blue-50:active {
  color:  @blue-50 ;
}
  text-blue-100:active {
  color:  @blue-100 ;
}
  text-blue-200:active {
  color:  @blue-200 ;
}
  text-blue-300:active {
  color:  @blue-300 ;
}
  text-blue-400:active {
  color:  @blue-400 ;
}
  text-blue-500:active {
  color:  @blue-500 ;
}
  text-blue-600:active {
  color:  @blue-600 ;
}
  text-blue-700:active {
  color:  @blue-700 ;
}
  text-blue-800:active {
  color:  @blue-800 ;
}
  text-blue-900:active {
  color:  @blue-900 ;
}

.text-green-50 {
  color:  @green-50 ;
}
.text-green-100 {
  color:  @green-100 ;
}
.text-green-200 {
  color:  @green-200 ;
}
.text-green-300 {
  color:  @green-300 ;
}
.text-green-400 {
  color:  @green-400 ;
}
.text-green-500 {
  color:  @green-500 ;
}
.text-green-600 {
  color:  @green-600 ;
}
.text-green-700 {
  color:  @green-700 ;
}
.text-green-800 {
  color:  @green-800 ;
}
.text-green-900 {
  color:  @green-900 ;
}

 text-green-50:focus {
  color:  @green-50 ;
}
 text-green-100:focus {
  color:  @green-100 ;
}
 text-green-200:focus {
  color:  @green-200 ;
}
 text-green-300:focus {
  color:  @green-300 ;
}
 text-green-400:focus {
  color:  @green-400 ;
}
 text-green-500:focus {
  color:  @green-500 ;
}
 text-green-600:focus {
  color:  @green-600 ;
}
 text-green-700:focus {
  color:  @green-700 ;
}
 text-green-800:focus {
  color:  @green-800 ;
}
 text-green-900:focus {
  color:  @green-900 ;
}

 text-green-50:hover {
  color:  @green-50 ;
}
 text-green-100:hover {
  color:  @green-100 ;
}
 text-green-200:hover {
  color:  @green-200 ;
}
 text-green-300:hover {
  color:  @green-300 ;
}
 text-green-400:hover {
  color:  @green-400 ;
}
 text-green-500:hover {
  color:  @green-500 ;
}
 text-green-600:hover {
  color:  @green-600 ;
}
 text-green-700:hover {
  color:  @green-700 ;
}
 text-green-800:hover {
  color:  @green-800 ;
}
 text-green-900:hover {
  color:  @green-900 ;
}

  text-green-50:active {
  color:  @green-50 ;
}
  text-green-100:active {
  color:  @green-100 ;
}
  text-green-200:active {
  color:  @green-200 ;
}
  text-green-300:active {
  color:  @green-300 ;
}
  text-green-400:active {
  color:  @green-400 ;
}
  text-green-500:active {
  color:  @green-500 ;
}
  text-green-600:active {
  color:  @green-600 ;
}
  text-green-700:active {
  color:  @green-700 ;
}
  text-green-800:active {
  color:  @green-800 ;
}
  text-green-900:active {
  color:  @green-900 ;
}

.text-yellow-50 {
  color:  @yellow-50 ;
}
.text-yellow-100 {
  color:  @yellow-100 ;
}
.text-yellow-200 {
  color:  @yellow-200 ;
}
.text-yellow-300 {
  color:  @yellow-300 ;
}
.text-yellow-400 {
  color:  @yellow-400 ;
}
.text-yellow-500 {
  color:  @yellow-500 ;
}
.text-yellow-600 {
  color:  @yellow-600 ;
}
.text-yellow-700 {
  color:  @yellow-700 ;
}
.text-yellow-800 {
  color:  @yellow-800 ;
}
.text-yellow-900 {
  color:  @yellow-900 ;
}

 text-yellow-50:focus {
  color:  @yellow-50 ;
}
 text-yellow-100:focus {
  color:  @yellow-100 ;
}
 text-yellow-200:focus {
  color:  @yellow-200 ;
}
 text-yellow-300:focus {
  color:  @yellow-300 ;
}
 text-yellow-400:focus {
  color:  @yellow-400 ;
}
 text-yellow-500:focus {
  color:  @yellow-500 ;
}
 text-yellow-600:focus {
  color:  @yellow-600 ;
}
 text-yellow-700:focus {
  color:  @yellow-700 ;
}
 text-yellow-800:focus {
  color:  @yellow-800 ;
}
 text-yellow-900:focus {
  color:  @yellow-900 ;
}

 text-yellow-50:hover {
  color:  @yellow-50 ;
}
 text-yellow-100:hover {
  color:  @yellow-100 ;
}
 text-yellow-200:hover {
  color:  @yellow-200 ;
}
 text-yellow-300:hover {
  color:  @yellow-300 ;
}
 text-yellow-400:hover {
  color:  @yellow-400 ;
}
 text-yellow-500:hover {
  color:  @yellow-500 ;
}
 text-yellow-600:hover {
  color:  @yellow-600 ;
}
 text-yellow-700:hover {
  color:  @yellow-700 ;
}
 text-yellow-800:hover {
  color:  @yellow-800 ;
}
 text-yellow-900:hover {
  color:  @yellow-900 ;
}

  text-yellow-50:active {
  color:  @yellow-50 ;
}
  text-yellow-100:active {
  color:  @yellow-100 ;
}
  text-yellow-200:active {
  color:  @yellow-200 ;
}
  text-yellow-300:active {
  color:  @yellow-300 ;
}
  text-yellow-400:active {
  color:  @yellow-400 ;
}
  text-yellow-500:active {
  color:  @yellow-500 ;
}
  text-yellow-600:active {
  color:  @yellow-600 ;
}
  text-yellow-700:active {
  color:  @yellow-700 ;
}
  text-yellow-800:active {
  color:  @yellow-800 ;
}
  text-yellow-900:active {
  color:  @yellow-900 ;
}

.text-cyan-50 {
  color:  @cyan-50 ;
}
.text-cyan-100 {
  color:  @cyan-100 ;
}
.text-cyan-200 {
  color:  @cyan-200 ;
}
.text-cyan-300 {
  color:  @cyan-300 ;
}
.text-cyan-400 {
  color:  @cyan-400 ;
}
.text-cyan-500 {
  color:  @cyan-500 ;
}
.text-cyan-600 {
  color:  @cyan-600 ;
}
.text-cyan-700 {
  color:  @cyan-700 ;
}
.text-cyan-800 {
  color:  @cyan-800 ;
}
.text-cyan-900 {
  color:  @cyan-900 ;
}

 text-cyan-50:focus {
  color:  @cyan-50 ;
}
 text-cyan-100:focus {
  color:  @cyan-100 ;
}
 text-cyan-200:focus {
  color:  @cyan-200 ;
}
 text-cyan-300:focus {
  color:  @cyan-300 ;
}
 text-cyan-400:focus {
  color:  @cyan-400 ;
}
 text-cyan-500:focus {
  color:  @cyan-500 ;
}
 text-cyan-600:focus {
  color:  @cyan-600 ;
}
 text-cyan-700:focus {
  color:  @cyan-700 ;
}
 text-cyan-800:focus {
  color:  @cyan-800 ;
}
 text-cyan-900:focus {
  color:  @cyan-900 ;
}

 text-cyan-50:hover {
  color:  @cyan-50 ;
}
 text-cyan-100:hover {
  color:  @cyan-100 ;
}
 text-cyan-200:hover {
  color:  @cyan-200 ;
}
 text-cyan-300:hover {
  color:  @cyan-300 ;
}
 text-cyan-400:hover {
  color:  @cyan-400 ;
}
 text-cyan-500:hover {
  color:  @cyan-500 ;
}
 text-cyan-600:hover {
  color:  @cyan-600 ;
}
 text-cyan-700:hover {
  color:  @cyan-700 ;
}
 text-cyan-800:hover {
  color:  @cyan-800 ;
}
 text-cyan-900:hover {
  color:  @cyan-900 ;
}

  text-cyan-50:active {
  color:  @cyan-50 ;
}
  text-cyan-100:active {
  color:  @cyan-100 ;
}
  text-cyan-200:active {
  color:  @cyan-200 ;
}
  text-cyan-300:active {
  color:  @cyan-300 ;
}
  text-cyan-400:active {
  color:  @cyan-400 ;
}
  text-cyan-500:active {
  color:  @cyan-500 ;
}
  text-cyan-600:active {
  color:  @cyan-600 ;
}
  text-cyan-700:active {
  color:  @cyan-700 ;
}
  text-cyan-800:active {
  color:  @cyan-800 ;
}
  text-cyan-900:active {
  color:  @cyan-900 ;
}

.text-pink-50 {
  color:  @pink-50 ;
}
.text-pink-100 {
  color:  @pink-100 ;
}
.text-pink-200 {
  color:  @pink-200 ;
}
.text-pink-300 {
  color:  @pink-300 ;
}
.text-pink-400 {
  color:  @pink-400 ;
}
.text-pink-500 {
  color:  @pink-500 ;
}
.text-pink-600 {
  color:  @pink-600 ;
}
.text-pink-700 {
  color:  @pink-700 ;
}
.text-pink-800 {
  color:  @pink-800 ;
}
.text-pink-900 {
  color:  @pink-900 ;
}

 text-pink-50:focus {
  color:  @pink-50 ;
}
 text-pink-100:focus {
  color:  @pink-100 ;
}
 text-pink-200:focus {
  color:  @pink-200 ;
}
 text-pink-300:focus {
  color:  @pink-300 ;
}
 text-pink-400:focus {
  color:  @pink-400 ;
}
 text-pink-500:focus {
  color:  @pink-500 ;
}
 text-pink-600:focus {
  color:  @pink-600 ;
}
 text-pink-700:focus {
  color:  @pink-700 ;
}
 text-pink-800:focus {
  color:  @pink-800 ;
}
 text-pink-900:focus {
  color:  @pink-900 ;
}

 text-pink-50:hover {
  color:  @pink-50 ;
}
 text-pink-100:hover {
  color:  @pink-100 ;
}
 text-pink-200:hover {
  color:  @pink-200 ;
}
 text-pink-300:hover {
  color:  @pink-300 ;
}
 text-pink-400:hover {
  color:  @pink-400 ;
}
 text-pink-500:hover {
  color:  @pink-500 ;
}
 text-pink-600:hover {
  color:  @pink-600 ;
}
 text-pink-700:hover {
  color:  @pink-700 ;
}
 text-pink-800:hover {
  color:  @pink-800 ;
}
 text-pink-900:hover {
  color:  @pink-900 ;
}

  text-pink-50:active {
  color:  @pink-50 ;
}
  text-pink-100:active {
  color:  @pink-100 ;
}
  text-pink-200:active {
  color:  @pink-200 ;
}
  text-pink-300:active {
  color:  @pink-300 ;
}
  text-pink-400:active {
  color:  @pink-400 ;
}
  text-pink-500:active {
  color:  @pink-500 ;
}
  text-pink-600:active {
  color:  @pink-600 ;
}
  text-pink-700:active {
  color:  @pink-700 ;
}
  text-pink-800:active {
  color:  @pink-800 ;
}
  text-pink-900:active {
  color:  @pink-900 ;
}

.text-indigo-50 {
  color:  @indigo-50 ;
}
.text-indigo-100 {
  color:  @indigo-100 ;
}
.text-indigo-200 {
  color:  @indigo-200 ;
}
.text-indigo-300 {
  color:  @indigo-300 ;
}
.text-indigo-400 {
  color:  @indigo-400 ;
}
.text-indigo-500 {
  color:  @indigo-500 ;
}
.text-indigo-600 {
  color:  @indigo-600 ;
}
.text-indigo-700 {
  color:  @indigo-700 ;
}
.text-indigo-800 {
  color:  @indigo-800 ;
}
.text-indigo-900 {
  color:  @indigo-900 ;
}

 text-indigo-50:focus {
  color:  @indigo-50 ;
}
 text-indigo-100:focus {
  color:  @indigo-100 ;
}
 text-indigo-200:focus {
  color:  @indigo-200 ;
}
 text-indigo-300:focus {
  color:  @indigo-300 ;
}
 text-indigo-400:focus {
  color:  @indigo-400 ;
}
 text-indigo-500:focus {
  color:  @indigo-500 ;
}
 text-indigo-600:focus {
  color:  @indigo-600 ;
}
 text-indigo-700:focus {
  color:  @indigo-700 ;
}
 text-indigo-800:focus {
  color:  @indigo-800 ;
}
 text-indigo-900:focus {
  color:  @indigo-900 ;
}

 text-indigo-50:hover {
  color:  @indigo-50 ;
}
 text-indigo-100:hover {
  color:  @indigo-100 ;
}
 text-indigo-200:hover {
  color:  @indigo-200 ;
}
 text-indigo-300:hover {
  color:  @indigo-300 ;
}
 text-indigo-400:hover {
  color:  @indigo-400 ;
}
 text-indigo-500:hover {
  color:  @indigo-500 ;
}
 text-indigo-600:hover {
  color:  @indigo-600 ;
}
 text-indigo-700:hover {
  color:  @indigo-700 ;
}
 text-indigo-800:hover {
  color:  @indigo-800 ;
}
 text-indigo-900:hover {
  color:  @indigo-900 ;
}

  text-indigo-50:active {
  color:  @indigo-50 ;
}
  text-indigo-100:active {
  color:  @indigo-100 ;
}
  text-indigo-200:active {
  color:  @indigo-200 ;
}
  text-indigo-300:active {
  color:  @indigo-300 ;
}
  text-indigo-400:active {
  color:  @indigo-400 ;
}
  text-indigo-500:active {
  color:  @indigo-500 ;
}
  text-indigo-600:active {
  color:  @indigo-600 ;
}
  text-indigo-700:active {
  color:  @indigo-700 ;
}
  text-indigo-800:active {
  color:  @indigo-800 ;
}
  text-indigo-900:active {
  color:  @indigo-900 ;
}

.text-teal-50 {
  color:  @teal-50 ;
}
.text-teal-100 {
  color:  @teal-100 ;
}
.text-teal-200 {
  color:  @teal-200 ;
}
.text-teal-300 {
  color:  @teal-300 ;
}
.text-teal-400 {
  color:  @teal-400 ;
}
.text-teal-500 {
  color:  @teal-500 ;
}
.text-teal-600 {
  color:  @teal-600 ;
}
.text-teal-700 {
  color:  @teal-700 ;
}
.text-teal-800 {
  color:  @teal-800 ;
}
.text-teal-900 {
  color:  @teal-900 ;
}

 text-teal-50:focus {
  color:  @teal-50 ;
}
 text-teal-100:focus {
  color:  @teal-100 ;
}
 text-teal-200:focus {
  color:  @teal-200 ;
}
 text-teal-300:focus {
  color:  @teal-300 ;
}
 text-teal-400:focus {
  color:  @teal-400 ;
}
 text-teal-500:focus {
  color:  @teal-500 ;
}
 text-teal-600:focus {
  color:  @teal-600 ;
}
 text-teal-700:focus {
  color:  @teal-700 ;
}
 text-teal-800:focus {
  color:  @teal-800 ;
}
 text-teal-900:focus {
  color:  @teal-900 ;
}

 text-teal-50:hover {
  color:  @teal-50 ;
}
 text-teal-100:hover {
  color:  @teal-100 ;
}
 text-teal-200:hover {
  color:  @teal-200 ;
}
 text-teal-300:hover {
  color:  @teal-300 ;
}
 text-teal-400:hover {
  color:  @teal-400 ;
}
 text-teal-500:hover {
  color:  @teal-500 ;
}
 text-teal-600:hover {
  color:  @teal-600 ;
}
 text-teal-700:hover {
  color:  @teal-700 ;
}
 text-teal-800:hover {
  color:  @teal-800 ;
}
 text-teal-900:hover {
  color:  @teal-900 ;
}

  text-teal-50:active {
  color:  @teal-50 ;
}
  text-teal-100:active {
  color:  @teal-100 ;
}
  text-teal-200:active {
  color:  @teal-200 ;
}
  text-teal-300:active {
  color:  @teal-300 ;
}
  text-teal-400:active {
  color:  @teal-400 ;
}
  text-teal-500:active {
  color:  @teal-500 ;
}
  text-teal-600:active {
  color:  @teal-600 ;
}
  text-teal-700:active {
  color:  @teal-700 ;
}
  text-teal-800:active {
  color:  @teal-800 ;
}
  text-teal-900:active {
  color:  @teal-900 ;
}

.text-orange-50 {
  color:  @orange-50 ;
}
.text-orange-100 {
  color:  @orange-100 ;
}
.text-orange-200 {
  color:  @orange-200 ;
}
.text-orange-300 {
  color:  @orange-300 ;
}
.text-orange-400 {
  color:  @orange-400 ;
}
.text-orange-500 {
  color:  @orange-500 ;
}
.text-orange-600 {
  color:  @orange-600 ;
}
.text-orange-700 {
  color:  @orange-700 ;
}
.text-orange-800 {
  color:  @orange-800 ;
}
.text-orange-900 {
  color:  @orange-900 ;
}

 text-orange-50:focus {
  color:  @orange-50 ;
}
 text-orange-100:focus {
  color:  @orange-100 ;
}
 text-orange-200:focus {
  color:  @orange-200 ;
}
 text-orange-300:focus {
  color:  @orange-300 ;
}
 text-orange-400:focus {
  color:  @orange-400 ;
}
 text-orange-500:focus {
  color:  @orange-500 ;
}
 text-orange-600:focus {
  color:  @orange-600 ;
}
 text-orange-700:focus {
  color:  @orange-700 ;
}
 text-orange-800:focus {
  color:  @orange-800 ;
}
 text-orange-900:focus {
  color:  @orange-900 ;
}

 text-orange-50:hover {
  color:  @orange-50 ;
}
 text-orange-100:hover {
  color:  @orange-100 ;
}
 text-orange-200:hover {
  color:  @orange-200 ;
}
 text-orange-300:hover {
  color:  @orange-300 ;
}
 text-orange-400:hover {
  color:  @orange-400 ;
}
 text-orange-500:hover {
  color:  @orange-500 ;
}
 text-orange-600:hover {
  color:  @orange-600 ;
}
 text-orange-700:hover {
  color:  @orange-700 ;
}
 text-orange-800:hover {
  color:  @orange-800 ;
}
 text-orange-900:hover {
  color:  @orange-900 ;
}

  text-orange-50:active {
  color:  @orange-50 ;
}
  text-orange-100:active {
  color:  @orange-100 ;
}
  text-orange-200:active {
  color:  @orange-200 ;
}
  text-orange-300:active {
  color:  @orange-300 ;
}
  text-orange-400:active {
  color:  @orange-400 ;
}
  text-orange-500:active {
  color:  @orange-500 ;
}
  text-orange-600:active {
  color:  @orange-600 ;
}
  text-orange-700:active {
  color:  @orange-700 ;
}
  text-orange-800:active {
  color:  @orange-800 ;
}
  text-orange-900:active {
  color:  @orange-900 ;
}

.text-bluegray-50 {
  color:  @bluegray-50 ;
}
.text-bluegray-100 {
  color:  @bluegray-100 ;
}
.text-bluegray-200 {
  color:  @bluegray-200 ;
}
.text-bluegray-300 {
  color:  @bluegray-300 ;
}
.text-bluegray-400 {
  color:  @bluegray-400 ;
}
.text-bluegray-500 {
  color:  @bluegray-500 ;
}
.text-bluegray-600 {
  color:  @bluegray-600 ;
}
.text-bluegray-700 {
  color:  @bluegray-700 ;
}
.text-bluegray-800 {
  color:  @bluegray-800 ;
}
.text-bluegray-900 {
  color:  @bluegray-900 ;
}

 text-bluegray-50:focus {
  color:  @bluegray-50 ;
}
 text-bluegray-100:focus {
  color:  @bluegray-100 ;
}
 text-bluegray-200:focus {
  color:  @bluegray-200 ;
}
 text-bluegray-300:focus {
  color:  @bluegray-300 ;
}
 text-bluegray-400:focus {
  color:  @bluegray-400 ;
}
 text-bluegray-500:focus {
  color:  @bluegray-500 ;
}
 text-bluegray-600:focus {
  color:  @bluegray-600 ;
}
 text-bluegray-700:focus {
  color:  @bluegray-700 ;
}
 text-bluegray-800:focus {
  color:  @bluegray-800 ;
}
 text-bluegray-900:focus {
  color:  @bluegray-900 ;
}

 text-bluegray-50:hover {
  color:  @bluegray-50 ;
}
 text-bluegray-100:hover {
  color:  @bluegray-100 ;
}
 text-bluegray-200:hover {
  color:  @bluegray-200 ;
}
 text-bluegray-300:hover {
  color:  @bluegray-300 ;
}
 text-bluegray-400:hover {
  color:  @bluegray-400 ;
}
 text-bluegray-500:hover {
  color:  @bluegray-500 ;
}
 text-bluegray-600:hover {
  color:  @bluegray-600 ;
}
 text-bluegray-700:hover {
  color:  @bluegray-700 ;
}
 text-bluegray-800:hover {
  color:  @bluegray-800 ;
}
 text-bluegray-900:hover {
  color:  @bluegray-900 ;
}

  text-bluegray-50:active {
  color:  @bluegray-50 ;
}
  text-bluegray-100:active {
  color:  @bluegray-100 ;
}
  text-bluegray-200:active {
  color:  @bluegray-200 ;
}
  text-bluegray-300:active {
  color:  @bluegray-300 ;
}
  text-bluegray-400:active {
  color:  @bluegray-400 ;
}
  text-bluegray-500:active {
  color:  @bluegray-500 ;
}
  text-bluegray-600:active {
  color:  @bluegray-600 ;
}
  text-bluegray-700:active {
  color:  @bluegray-700 ;
}
  text-bluegray-800:active {
  color:  @bluegray-800 ;
}
  text-bluegray-900:active {
  color:  @bluegray-900 ;
}

.text-purple-50 {
  color:  @purple-50 ;
}
.text-purple-100 {
  color:  @purple-100 ;
}
.text-purple-200 {
  color:  @purple-200 ;
}
.text-purple-300 {
  color:  @purple-300 ;
}
.text-purple-400 {
  color:  @purple-400 ;
}
.text-purple-500 {
  color:  @purple-500 ;
}
.text-purple-600 {
  color:  @purple-600 ;
}
.text-purple-700 {
  color:  @purple-700 ;
}
.text-purple-800 {
  color:  @purple-800 ;
}
.text-purple-900 {
  color:  @purple-900 ;
}

 text-purple-50:focus {
  color:  @purple-50 ;
}
 text-purple-100:focus {
  color:  @purple-100 ;
}
 text-purple-200:focus {
  color:  @purple-200 ;
}
 text-purple-300:focus {
  color:  @purple-300 ;
}
 text-purple-400:focus {
  color:  @purple-400 ;
}
 text-purple-500:focus {
  color:  @purple-500 ;
}
 text-purple-600:focus {
  color:  @purple-600 ;
}
 text-purple-700:focus {
  color:  @purple-700 ;
}
 text-purple-800:focus {
  color:  @purple-800 ;
}
 text-purple-900:focus {
  color:  @purple-900 ;
}

 text-purple-50:hover {
  color:  @purple-50 ;
}
 text-purple-100:hover {
  color:  @purple-100 ;
}
 text-purple-200:hover {
  color:  @purple-200 ;
}
 text-purple-300:hover {
  color:  @purple-300 ;
}
 text-purple-400:hover {
  color:  @purple-400 ;
}
 text-purple-500:hover {
  color:  @purple-500 ;
}
 text-purple-600:hover {
  color:  @purple-600 ;
}
 text-purple-700:hover {
  color:  @purple-700 ;
}
 text-purple-800:hover {
  color:  @purple-800 ;
}
 text-purple-900:hover {
  color:  @purple-900 ;
}

  text-purple-50:active {
  color:  @purple-50 ;
}
  text-purple-100:active {
  color:  @purple-100 ;
}
  text-purple-200:active {
  color:  @purple-200 ;
}
  text-purple-300:active {
  color:  @purple-300 ;
}
  text-purple-400:active {
  color:  @purple-400 ;
}
  text-purple-500:active {
  color:  @purple-500 ;
}
  text-purple-600:active {
  color:  @purple-600 ;
}
  text-purple-700:active {
  color:  @purple-700 ;
}
  text-purple-800:active {
  color:  @purple-800 ;
}
  text-purple-900:active {
  color:  @purple-900 ;
}

.text-gray-50 {
  color:  @gray-50 ;
}
.text-gray-100 {
  color:  @gray-100 ;
}
.text-gray-200 {
  color:  @gray-200 ;
}
.text-gray-300 {
  color:  @gray-300 ;
}
.text-gray-400 {
  color:  @gray-400 ;
}
.text-gray-500 {
  color:  @gray-500 ;
}
.text-gray-600 {
  color:  @gray-600 ;
}
.text-gray-700 {
  color:  @gray-700 ;
}
.text-gray-800 {
  color:  @gray-800 ;
}
.text-gray-900 {
  color:  @gray-900 ;
}

 text-gray-50:focus {
  color:  @gray-50 ;
}
 text-gray-100:focus {
  color:  @gray-100 ;
}
 text-gray-200:focus {
  color:  @gray-200 ;
}
 text-gray-300:focus {
  color:  @gray-300 ;
}
 text-gray-400:focus {
  color:  @gray-400 ;
}
 text-gray-500:focus {
  color:  @gray-500 ;
}
 text-gray-600:focus {
  color:  @gray-600 ;
}
 text-gray-700:focus {
  color:  @gray-700 ;
}
 text-gray-800:focus {
  color:  @gray-800 ;
}
 text-gray-900:focus {
  color:  @gray-900 ;
}

 text-gray-50:hover {
  color:  @gray-50 ;
}
 text-gray-100:hover {
  color:  @gray-100 ;
}
 text-gray-200:hover {
  color:  @gray-200 ;
}
 text-gray-300:hover {
  color:  @gray-300 ;
}
 text-gray-400:hover {
  color:  @gray-400 ;
}
 text-gray-500:hover {
  color:  @gray-500 ;
}
 text-gray-600:hover {
  color:  @gray-600 ;
}
 text-gray-700:hover {
  color:  @gray-700 ;
}
 text-gray-800:hover {
  color:  @gray-800 ;
}
 text-gray-900:hover {
  color:  @gray-900 ;
}

  text-gray-50:active {
  color:  @gray-50 ;
}
  text-gray-100:active {
  color:  @gray-100 ;
}
  text-gray-200:active {
  color:  @gray-200 ;
}
  text-gray-300:active {
  color:  @gray-300 ;
}
  text-gray-400:active {
  color:  @gray-400 ;
}
  text-gray-500:active {
  color:  @gray-500 ;
}
  text-gray-600:active {
  color:  @gray-600 ;
}
  text-gray-700:active {
  color:  @gray-700 ;
}
  text-gray-800:active {
  color:  @gray-800 ;
}
  text-gray-900:active {
  color:  @gray-900 ;
}

.bg-blue-50 {
  background-color:  @blue-50 ;
}
.bg-blue-100 {
  background-color:  @blue-100 ;
}
.bg-blue-200 {
  background-color:  @blue-200 ;
}
.bg-blue-300 {
  background-color:  @blue-300 ;
}
.bg-blue-400 {
  background-color:  @blue-400 ;
}
.bg-blue-500 {
  background-color:  @blue-500 ;
}
.bg-blue-600 {
  background-color:  @blue-600 ;
}
.bg-blue-700 {
  background-color:  @blue-700 ;
}
.bg-blue-800 {
  background-color:  @blue-800 ;
}
.bg-blue-900 {
  background-color:  @blue-900 ;
}

 bg-blue-50:focus {
  background-color:  @blue-50 ;
}
 bg-blue-100:focus {
  background-color:  @blue-100 ;
}
 bg-blue-200:focus {
  background-color:  @blue-200 ;
}
 bg-blue-300:focus {
  background-color:  @blue-300 ;
}
 bg-blue-400:focus {
  background-color:  @blue-400 ;
}
 bg-blue-500:focus {
  background-color:  @blue-500 ;
}
 bg-blue-600:focus {
  background-color:  @blue-600 ;
}
 bg-blue-700:focus {
  background-color:  @blue-700 ;
}
 bg-blue-800:focus {
  background-color:  @blue-800 ;
}
 bg-blue-900:focus {
  background-color:  @blue-900 ;
}

 bg-blue-50:hover {
  background-color:  @blue-50 ;
}
 bg-blue-100:hover {
  background-color:  @blue-100 ;
}
 bg-blue-200:hover {
  background-color:  @blue-200 ;
}
 bg-blue-300:hover {
  background-color:  @blue-300 ;
}
 bg-blue-400:hover {
  background-color:  @blue-400 ;
}
 bg-blue-500:hover {
  background-color:  @blue-500 ;
}
 bg-blue-600:hover {
  background-color:  @blue-600 ;
}
 bg-blue-700:hover {
  background-color:  @blue-700 ;
}
 bg-blue-800:hover {
  background-color:  @blue-800 ;
}
 bg-blue-900:hover {
  background-color:  @blue-900 ;
}

  bg-blue-50:active {
  background-color:  @blue-50 ;
}
  bg-blue-100:active {
  background-color:  @blue-100 ;
}
  bg-blue-200:active {
  background-color:  @blue-200 ;
}
  bg-blue-300:active {
  background-color:  @blue-300 ;
}
  bg-blue-400:active {
  background-color:  @blue-400 ;
}
  bg-blue-500:active {
  background-color:  @blue-500 ;
}
  bg-blue-600:active {
  background-color:  @blue-600 ;
}
  bg-blue-700:active {
  background-color:  @blue-700 ;
}
bg-blue-800:active {
  background-color:  @blue-800 ;
}
  bg-blue-900:active {
  background-color:  @blue-900 ;
}

.bg-green-50 {
  background-color:  @green-50 ;
}
.bg-green-100 {
  background-color:  @green-100 ;
}
.bg-green-200 {
  background-color:  @green-200 ;
}
.bg-green-300 {
  background-color:  @green-300 ;
}
.bg-green-400 {
  background-color:  @green-400 ;
}
.bg-green-500 {
  background-color:  @green-500 ;
}
.bg-green-600 {
  background-color:  @green-600 ;
}
.bg-green-700 {
  background-color:  @green-700 ;
}
.bg-green-800 {
  background-color:  @green-800 ;
}
.bg-green-900 {
  background-color:  @green-900 ;
}

 bg-green-50:focus {
  background-color:  @green-50 ;
}
 bg-green-100:focus {
  background-color:  @green-100 ;
}
 bg-green-200:focus {
  background-color:  @green-200 ;
}
 bg-green-300:focus {
  background-color:  @green-300 ;
}
 bg-green-400:focus {
  background-color:  @green-400 ;
}
 bg-green-500:focus {
  background-color:  @green-500 ;
}
 bg-green-600:focus {
  background-color:  @green-600 ;
}
 bg-green-700:focus {
  background-color:  @green-700 ;
}
 bg-green-800:focus {
  background-color:  @green-800 ;
}
 bg-green-900:focus {
  background-color:  @green-900 ;
}

 bg-green-50:hover {
  background-color:  @green-50 ;
}
 bg-green-100:hover {
  background-color:  @green-100 ;
}
 bg-green-200:hover {
  background-color:  @green-200 ;
}
 bg-green-300:hover {
  background-color:  @green-300 ;
}
 bg-green-400:hover {
  background-color:  @green-400 ;
}
 bg-green-500:hover {
  background-color:  @green-500 ;
}
 bg-green-600:hover {
  background-color:  @green-600 ;
}
 bg-green-700:hover {
  background-color:  @green-700 ;
}
 bg-green-800:hover {
  background-color:  @green-800 ;
}
 bg-green-900:hover {
  background-color:  @green-900 ;
}

  bg-green-50:active {
  background-color:  @green-50 ;
}
  bg-green-100:active {
  background-color:  @green-100 ;
}
  bg-green-200:active {
  background-color:  @green-200 ;
}
  bg-green-300:active {
  background-color:  @green-300 ;
}
  bg-green-400:active {
  background-color:  @green-400 ;
}
  bg-green-500:active {
  background-color:  @green-500 ;
}
  bg-green-600:active {
  background-color:  @green-600 ;
}
  bg-green-700:active {
  background-color:  @green-700 ;
}
  bg-green-800:active {
  background-color:  @green-800 ;
}
  bg-green-900:active {
  background-color:  @green-900 ;
}

.bg-yellow-50 {
  background-color:  @yellow-50 ;
}
.bg-yellow-100 {
  background-color:  @yellow-100 ;
}
.bg-yellow-200 {
  background-color:  @yellow-200 ;
}
.bg-yellow-300 {
  background-color:  @yellow-300 ;
}
.bg-yellow-400 {
  background-color:  @yellow-400 ;
}
.bg-yellow-500 {
  background-color:  @yellow-500 ;
}
.bg-yellow-600 {
  background-color:  @yellow-600 ;
}
.bg-yellow-700 {
  background-color:  @yellow-700 ;
}
.bg-yellow-800 {
  background-color:  @yellow-800 ;
}
.bg-yellow-900 {
  background-color:  @yellow-900 ;
}

 bg-yellow-50:focus {
  background-color:  @yellow-50 ;
}
 bg-yellow-100:focus {
  background-color:  @yellow-100 ;
}
 bg-yellow-200:focus {
  background-color:  @yellow-200 ;
}
 bg-yellow-300:focus {
  background-color:  @yellow-300 ;
}
 bg-yellow-400:focus {
  background-color:  @yellow-400 ;
}
 bg-yellow-500:focus {
  background-color:  @yellow-500 ;
}
 bg-yellow-600:focus {
  background-color:  @yellow-600 ;
}
 bg-yellow-700:focus {
  background-color:  @yellow-700 ;
}
 bg-yellow-800:focus {
  background-color:  @yellow-800 ;
}
 bg-yellow-900:focus {
  background-color:  @yellow-900 ;
}

 bg-yellow-50:hover {
  background-color:  @yellow-50 ;
}
 bg-yellow-100:hover {
  background-color:  @yellow-100 ;
}
 bg-yellow-200:hover {
  background-color:  @yellow-200 ;
}
 bg-yellow-300:hover {
  background-color:  @yellow-300 ;
}
 bg-yellow-400:hover {
  background-color:  @yellow-400 ;
}
 bg-yellow-500:hover {
  background-color:  @yellow-500 ;
}
 bg-yellow-600:hover {
  background-color:  @yellow-600 ;
}
 bg-yellow-700:hover {
  background-color:  @yellow-700 ;
}
 bg-yellow-800:hover {
  background-color:  @yellow-800 ;
}
 bg-yellow-900:hover {
  background-color:  @yellow-900 ;
}

  bg-yellow-50:active {
  background-color:  @yellow-50 ;
}
  bg-yellow-100:active {
  background-color:  @yellow-100 ;
}
  bg-yellow-200:active {
  background-color:  @yellow-200 ;
}
  bg-yellow-300:active {
  background-color:  @yellow-300 ;
}
  bg-yellow-400:active {
  background-color:  @yellow-400 ;
}
  bg-yellow-500:active {
  background-color:  @yellow-500 ;
}
  bg-yellow-600:active {
  background-color:  @yellow-600 ;
}
  bg-yellow-700:active {
  background-color:  @yellow-700 ;
}
  bg-yellow-800:active {
  background-color:  @yellow-800 ;
}
  bg-yellow-900:active {
  background-color:  @yellow-900 ;
}

.bg-cyan-50 {
  background-color:  @cyan-50 ;
}
.bg-cyan-100 {
  background-color:  @cyan-100 ;
}
.bg-cyan-200 {
  background-color:  @cyan-200 ;
}
.bg-cyan-300 {
  background-color:  @cyan-300 ;
}
.bg-cyan-400 {
  background-color:  @cyan-400 ;
}
.bg-cyan-500 {
  background-color:  @cyan-500 ;
}
.bg-cyan-600 {
  background-color:  @cyan-600 ;
}
.bg-cyan-700 {
  background-color:  @cyan-700 ;
}
.bg-cyan-800 {
  background-color:  @cyan-800 ;
}
.bg-cyan-900 {
  background-color:  @cyan-900 ;
}

 bg-cyan-50:focus {
  background-color:  @cyan-50 ;
}
 bg-cyan-100:focus {
  background-color:  @cyan-100 ;
}
 bg-cyan-200:focus {
  background-color:  @cyan-200 ;
}
 bg-cyan-300:focus {
  background-color:  @cyan-300 ;
}
 bg-cyan-400:focus {
  background-color:  @cyan-400 ;
}
 bg-cyan-500:focus {
  background-color:  @cyan-500 ;
}
 bg-cyan-600:focus {
  background-color:  @cyan-600 ;
}
 bg-cyan-700:focus {
  background-color:  @cyan-700 ;
}
 bg-cyan-800:focus {
  background-color:  @cyan-800 ;
}
 bg-cyan-900:focus {
  background-color:  @cyan-900 ;
}

 bg-cyan-50:hover {
  background-color:  @cyan-50 ;
}
 bg-cyan-100:hover {
  background-color:  @cyan-100 ;
}
 bg-cyan-200:hover {
  background-color:  @cyan-200 ;
}
 bg-cyan-300:hover {
  background-color:  @cyan-300 ;
}
 bg-cyan-400:hover {
  background-color:  @cyan-400 ;
}
 bg-cyan-500:hover {
  background-color:  @cyan-500 ;
}
 bg-cyan-600:hover {
  background-color:  @cyan-600 ;
}
 bg-cyan-700:hover {
  background-color:  @cyan-700 ;
}
 bg-cyan-800:hover {
  background-color:  @cyan-800 ;
}
 bg-cyan-900:hover {
  background-color:  @cyan-900 ;
}

  bg-cyan-50:active {
  background-color:  @cyan-50 ;
}
  bg-cyan-100:active {
  background-color:  @cyan-100 ;
}
  bg-cyan-200:active {
  background-color:  @cyan-200 ;
}
  bg-cyan-300:active {
  background-color:  @cyan-300 ;
}
  bg-cyan-400:active {
  background-color:  @cyan-400 ;
}
  bg-cyan-500:active {
  background-color:  @cyan-500 ;
}
  bg-cyan-600:active {
  background-color:  @cyan-600 ;
}
  bg-cyan-700:active {
  background-color:  @cyan-700 ;
}
  bg-cyan-800:active {
  background-color:  @cyan-800 ;
}
  bg-cyan-900:active {
  background-color:  @cyan-900 ;
}

.bg-pink-50 {
  background-color:  @pink-50 ;
}
.bg-pink-100 {
  background-color:  @pink-100 ;
}
.bg-pink-200 {
  background-color:  @pink-200 ;
}
.bg-pink-300 {
  background-color:  @pink-300 ;
}
.bg-pink-400 {
  background-color:  @pink-400 ;
}
.bg-pink-500 {
  background-color:  @pink-500 ;
}
.bg-pink-600 {
  background-color:  @pink-600 ;
}
.bg-pink-700 {
  background-color:  @pink-700 ;
}
.bg-pink-800 {
  background-color:  @pink-800 ;
}
.bg-pink-900 {
  background-color:  @pink-900 ;
}

 bg-pink-50:focus {
  background-color:  @pink-50 ;
}
 bg-pink-100:focus {
  background-color:  @pink-100 ;
}
 bg-pink-200:focus {
  background-color:  @pink-200 ;
}
 bg-pink-300:focus {
  background-color:  @pink-300 ;
}
 bg-pink-400:focus {
  background-color:  @pink-400 ;
}
 bg-pink-500:focus {
  background-color:  @pink-500 ;
}
 bg-pink-600:focus {
  background-color:  @pink-600 ;
}
 bg-pink-700:focus {
  background-color:  @pink-700 ;
}
 bg-pink-800:focus {
  background-color:  @pink-800 ;
}
 bg-pink-900:focus {
  background-color:  @pink-900 ;
}

 bg-pink-50:hover {
  background-color:  @pink-50 ;
}
 bg-pink-100:hover {
  background-color:  @pink-100 ;
}
 bg-pink-200:hover {
  background-color:  @pink-200 ;
}
 bg-pink-300:hover {
  background-color:  @pink-300 ;
}
 bg-pink-400:hover {
  background-color:  @pink-400 ;
}
 bg-pink-500:hover {
  background-color:  @pink-500 ;
}
 bg-pink-600:hover {
  background-color:  @pink-600 ;
}
 bg-pink-700:hover {
  background-color:  @pink-700 ;
}
 bg-pink-800:hover {
  background-color:  @pink-800 ;
}
 bg-pink-900:hover {
  background-color:  @pink-900 ;
}

  bg-pink-50:active {
  background-color:  @pink-50 ;
}
  bg-pink-100:active {
  background-color:  @pink-100 ;
}
  bg-pink-200:active {
  background-color:  @pink-200 ;
}
  bg-pink-300:active {
  background-color:  @pink-300 ;
}
  bg-pink-400:active {
  background-color:  @pink-400 ;
}
  bg-pink-500:active {
  background-color:  @pink-500 ;
}
  bg-pink-600:active {
  background-color:  @pink-600 ;
}
  bg-pink-700:active {
  background-color:  @pink-700 ;
}
  bg-pink-800:active {
  background-color:  @pink-800 ;
}
  bg-pink-900:active {
  background-color:  @pink-900 ;
}

.bg-indigo-50 {
  background-color:  @indigo-50 ;
}
.bg-indigo-100 {
  background-color:  @indigo-100 ;
}
.bg-indigo-200 {
  background-color:  @indigo-200 ;
}
.bg-indigo-300 {
  background-color:  @indigo-300 ;
}
.bg-indigo-400 {
  background-color:  @indigo-400 ;
}
.bg-indigo-500 {
  background-color:  @indigo-500 ;
}
.bg-indigo-600 {
  background-color:  @indigo-600 ;
}
.bg-indigo-700 {
  background-color:  @indigo-700 ;
}
.bg-indigo-800 {
  background-color:  @indigo-800 ;
}
.bg-indigo-900 {
  background-color:  @indigo-900 ;
}

 bg-indigo-50:focus {
  background-color:  @indigo-50 ;
}
 bg-indigo-100:focus {
  background-color:  @indigo-100 ;
}
 bg-indigo-200:focus {
  background-color:  @indigo-200 ;
}
 bg-indigo-300:focus {
  background-color:  @indigo-300 ;
}
 bg-indigo-400:focus {
  background-color:  @indigo-400 ;
}
 bg-indigo-500:focus {
  background-color:  @indigo-500 ;
}
 bg-indigo-600:focus {
  background-color:  @indigo-600 ;
}
 bg-indigo-700:focus {
  background-color:  @indigo-700 ;
}
 bg-indigo-800:focus {
  background-color:  @indigo-800 ;
}
 bg-indigo-900:focus {
  background-color:  @indigo-900 ;
}

 bg-indigo-50:hover {
  background-color:  @indigo-50 ;
}
 bg-indigo-100:hover {
  background-color:  @indigo-100 ;
}
 bg-indigo-200:hover {
  background-color:  @indigo-200 ;
}
 bg-indigo-300:hover {
  background-color:  @indigo-300 ;
}
 bg-indigo-400:hover {
  background-color:  @indigo-400 ;
}
 bg-indigo-500:hover {
  background-color:  @indigo-500 ;
}
 bg-indigo-600:hover {
  background-color:  @indigo-600 ;
}
 bg-indigo-700:hover {
  background-color:  @indigo-700 ;
}
 bg-indigo-800:hover {
  background-color:  @indigo-800 ;
}
 bg-indigo-900:hover {
  background-color:  @indigo-900 ;
}

  bg-indigo-50:active {
  background-color:  @indigo-50 ;
}
  bg-indigo-100:active {
  background-color:  @indigo-100 ;
}
  bg-indigo-200:active {
  background-color:  @indigo-200 ;
}
  bg-indigo-300:active {
  background-color:  @indigo-300 ;
}
  bg-indigo-400:active {
  background-color:  @indigo-400 ;
}
  bg-indigo-500:active {
  background-color:  @indigo-500 ;
}
  bg-indigo-600:active {
  background-color:  @indigo-600 ;
}
  bg-indigo-700:active {
  background-color:  @indigo-700 ;
}
  bg-indigo-800:active {
  background-color:  @indigo-800 ;
}
  bg-indigo-900:active {
  background-color:  @indigo-900 ;
}

.bg-teal-50 {
  background-color:  @teal-50 ;
}
.bg-teal-100 {
  background-color:  @teal-100 ;
}
.bg-teal-200 {
  background-color:  @teal-200 ;
}
.bg-teal-300 {
  background-color:  @teal-300 ;
}
.bg-teal-400 {
  background-color:  @teal-400 ;
}
.bg-teal-500 {
  background-color:  @teal-500 ;
}
.bg-teal-600 {
  background-color:  @teal-600 ;
}
.bg-teal-700 {
  background-color:  @teal-700 ;
}
.bg-teal-800 {
  background-color:  @teal-800 ;
}
.bg-teal-900 {
  background-color:  @teal-900 ;
}

 bg-teal-50:focus {
  background-color:  @teal-50 ;
}
 bg-teal-100:focus {
  background-color:  @teal-100 ;
}
 bg-teal-200:focus {
  background-color:  @teal-200 ;
}
 bg-teal-300:focus {
  background-color:  @teal-300 ;
}
 bg-teal-400:focus {
  background-color:  @teal-400 ;
}
 bg-teal-500:focus {
  background-color:  @teal-500 ;
}
 bg-teal-600:focus {
  background-color:  @teal-600 ;
}
 bg-teal-700:focus {
  background-color:  @teal-700 ;
}
 bg-teal-800:focus {
  background-color:  @teal-800 ;
}
 bg-teal-900:focus {
  background-color:  @teal-900 ;
}

 bg-teal-50:hover {
  background-color:  @teal-50 ;
}
 bg-teal-100:hover {
  background-color:  @teal-100 ;
}
 bg-teal-200:hover {
  background-color:  @teal-200 ;
}
 bg-teal-300:hover {
  background-color:  @teal-300 ;
}
 bg-teal-400:hover {
  background-color:  @teal-400 ;
}
 bg-teal-500:hover {
  background-color:  @teal-500 ;
}
 bg-teal-600:hover {
  background-color:  @teal-600 ;
}
 bg-teal-700:hover {
  background-color:  @teal-700 ;
}
 bg-teal-800:hover {
  background-color:  @teal-800 ;
}
 bg-teal-900:hover {
  background-color:  @teal-900 ;
}

  bg-teal-50:active {
  background-color:  @teal-50 ;
}
  bg-teal-100:active {
  background-color:  @teal-100 ;
}
  bg-teal-200:active {
  background-color:  @teal-200 ;
}
  bg-teal-300:active {
  background-color:  @teal-300 ;
}
  bg-teal-400:active {
  background-color:  @teal-400 ;
}
  bg-teal-500:active {
  background-color:  @teal-500 ;
}
  bg-teal-600:active {
  background-color:  @teal-600 ;
}
  bg-teal-700:active {
  background-color:  @teal-700 ;
}
  bg-teal-800:active {
  background-color:  @teal-800 ;
}
  bg-teal-900:active {
  background-color:  @teal-900 ;
}

.bg-orange-50 {
  background-color:  @orange-50 ;
}
.bg-orange-100 {
  background-color:  @orange-100 ;
}
.bg-orange-200 {
  background-color:  @orange-200 ;
}
.bg-orange-300 {
  background-color:  @orange-300 ;
}
.bg-orange-400 {
  background-color:  @orange-400 ;
}
.bg-orange-500 {
  background-color:  @orange-500 ;
}
.bg-orange-600 {
  background-color:  @orange-600 ;
}
.bg-orange-700 {
  background-color:  @orange-700 ;
}
.bg-orange-800 {
  background-color:  @orange-800 ;
}
.bg-orange-900 {
  background-color:  @orange-900 ;
}

 bg-orange-50:focus {
  background-color:  @orange-50 ;
}
 bg-orange-100:focus {
  background-color:  @orange-100 ;
}
 bg-orange-200:focus {
  background-color:  @orange-200 ;
}
 bg-orange-300:focus {
  background-color:  @orange-300 ;
}
 bg-orange-400:focus {
  background-color:  @orange-400 ;
}
 bg-orange-500:focus {
  background-color:  @orange-500 ;
}
 bg-orange-600:focus {
  background-color:  @orange-600 ;
}
 bg-orange-700:focus {
  background-color:  @orange-700 ;
}
 bg-orange-800:focus {
  background-color:  @orange-800 ;
}
 bg-orange-900:focus {
  background-color:  @orange-900 ;
}

 bg-orange-50:hover {
  background-color:  @orange-50 ;
}
 bg-orange-100:hover {
  background-color:  @orange-100 ;
}
 bg-orange-200:hover {
  background-color:  @orange-200 ;
}
 bg-orange-300:hover {
  background-color:  @orange-300 ;
}
 bg-orange-400:hover {
  background-color:  @orange-400 ;
}
 bg-orange-500:hover {
  background-color:  @orange-500 ;
}
 bg-orange-600:hover {
  background-color:  @orange-600 ;
}
 bg-orange-700:hover {
  background-color:  @orange-700 ;
}
 bg-orange-800:hover {
  background-color:  @orange-800 ;
}
 bg-orange-900:hover {
  background-color:  @orange-900 ;
}

  bg-orange-50:active {
  background-color:  @orange-50 ;
}
  bg-orange-100:active {
  background-color:  @orange-100 ;
}
  bg-orange-200:active {
  background-color:  @orange-200 ;
}
  bg-orange-300:active {
  background-color:  @orange-300 ;
}
  bg-orange-400:active {
  background-color:  @orange-400 ;
}
  bg-orange-500:active {
  background-color:  @orange-500 ;
}
  bg-orange-600:active {
  background-color:  @orange-600 ;
}
  bg-orange-700:active {
  background-color:  @orange-700 ;
}
  bg-orange-800:active {
  background-color:  @orange-800 ;
}
  bg-orange-900:active {
  background-color:  @orange-900 ;
}

.bg-bluegray-50 {
  background-color:  @bluegray-50 ;
}
.bg-bluegray-100 {
  background-color:  @bluegray-100 ;
}
.bg-bluegray-200 {
  background-color:  @bluegray-200 ;
}
.bg-bluegray-300 {
  background-color:  @bluegray-300 ;
}
.bg-bluegray-400 {
  background-color:  @bluegray-400 ;
}
.bg-bluegray-500 {
  background-color:  @bluegray-500 ;
}
.bg-bluegray-600 {
  background-color:  @bluegray-600 ;
}
.bg-bluegray-700 {
  background-color:  @bluegray-700 ;
}
.bg-bluegray-800 {
  background-color:  @bluegray-800 ;
}
.bg-bluegray-900 {
  background-color:  @bluegray-900 ;
}

 bg-bluegray-50:focus {
  background-color:  @bluegray-50 ;
}
 bg-bluegray-100:focus {
  background-color:  @bluegray-100 ;
}
 bg-bluegray-200:focus {
  background-color:  @bluegray-200 ;
}
 bg-bluegray-300:focus {
  background-color:  @bluegray-300 ;
}
 bg-bluegray-400:focus {
  background-color:  @bluegray-400 ;
}
 bg-bluegray-500:focus {
  background-color:  @bluegray-500 ;
}
 bg-bluegray-600:focus {
  background-color:  @bluegray-600 ;
}
 bg-bluegray-700:focus {
  background-color:  @bluegray-700 ;
}
 bg-bluegray-800:focus {
  background-color:  @bluegray-800 ;
}
 bg-bluegray-900:focus {
  background-color:  @bluegray-900 ;
}

 bg-bluegray-50:hover {
  background-color:  @bluegray-50 ;
}
 bg-bluegray-100:hover {
  background-color:  @bluegray-100 ;
}
 bg-bluegray-200:hover {
  background-color:  @bluegray-200 ;
}
 bg-bluegray-300:hover {
  background-color:  @bluegray-300 ;
}
 bg-bluegray-400:hover {
  background-color:  @bluegray-400 ;
}
 bg-bluegray-500:hover {
  background-color:  @bluegray-500 ;
}
 bg-bluegray-600:hover {
  background-color:  @bluegray-600 ;
}
 bg-bluegray-700:hover {
  background-color:  @bluegray-700 ;
}
 bg-bluegray-800:hover {
  background-color:  @bluegray-800 ;
}
 bg-bluegray-900:hover {
  background-color:  @bluegray-900 ;
}

  bg-bluegray-50:active {
  background-color:  @bluegray-50 ;
}
  bg-bluegray-100:active {
  background-color:  @bluegray-100 ;
}
  bg-bluegray-200:active {
  background-color:  @bluegray-200 ;
}
  bg-bluegray-300:active {
  background-color:  @bluegray-300 ;
}
  bg-bluegray-400:active {
  background-color:  @bluegray-400 ;
}
  bg-bluegray-500:active {
  background-color:  @bluegray-500 ;
}
  bg-bluegray-600:active {
  background-color:  @bluegray-600 ;
}
  bg-bluegray-700:active {
  background-color:  @bluegray-700 ;
}
  bg-bluegray-800:active {
  background-color:  @bluegray-800 ;
}
  bg-bluegray-900:active {
  background-color:  @bluegray-900 ;
}

.bg-purple-50 {
  background-color:  @purple-50 ;
}
.bg-purple-100 {
  background-color:  @purple-100 ;
}
.bg-purple-200 {
  background-color:  @purple-200 ;
}
.bg-purple-300 {
  background-color:  @purple-300 ;
}
.bg-purple-400 {
  background-color:  @purple-400 ;
}
.bg-purple-500 {
  background-color:  @purple-500 ;
}
.bg-purple-600 {
  background-color:  @purple-600 ;
}
.bg-purple-700 {
  background-color:  @purple-700 ;
}
.bg-purple-800 {
  background-color:  @purple-800 ;
}
.bg-purple-900 {
  background-color:  @purple-900 ;
}

 bg-purple-50:focus {
  background-color:  @purple-50 ;
}
 bg-purple-100:focus {
  background-color:  @purple-100 ;
}
 bg-purple-200:focus {
  background-color:  @purple-200 ;
}
 bg-purple-300:focus {
  background-color:  @purple-300 ;
}
 bg-purple-400:focus {
  background-color:  @purple-400 ;
}
 bg-purple-500:focus {
  background-color:  @purple-500 ;
}
 bg-purple-600:focus {
  background-color:  @purple-600 ;
}
 bg-purple-700:focus {
  background-color:  @purple-700 ;
}
 bg-purple-800:focus {
  background-color:  @purple-800 ;
}
 bg-purple-900:focus {
  background-color:  @purple-900 ;
}

 bg-purple-50:hover {
  background-color:  @purple-50 ;
}
 bg-purple-100:hover {
  background-color:  @purple-100 ;
}
 bg-purple-200:hover {
  background-color:  @purple-200 ;
}
 bg-purple-300:hover {
  background-color:  @purple-300 ;
}
 bg-purple-400:hover {
  background-color:  @purple-400 ;
}
 bg-purple-500:hover {
  background-color:  @purple-500 ;
}
 bg-purple-600:hover {
  background-color:  @purple-600 ;
}
 bg-purple-700:hover {
  background-color:  @purple-700 ;
}
 bg-purple-800:hover {
  background-color:  @purple-800 ;
}
 bg-purple-900:hover {
  background-color:  @purple-900 ;
}

  bg-purple-50:active {
  background-color:  @purple-50 ;
}
  bg-purple-100:active {
  background-color:  @purple-100 ;
}
  bg-purple-200:active {
  background-color:  @purple-200 ;
}
  bg-purple-300:active {
  background-color:  @purple-300 ;
}
  bg-purple-400:active {
  background-color:  @purple-400 ;
}
  bg-purple-500:active {
  background-color:  @purple-500 ;
}
  bg-purple-600:active {
  background-color:  @purple-600 ;
}
  bg-purple-700:active {
  background-color:  @purple-700 ;
}
  bg-purple-800:active {
  background-color:  @purple-800 ;
}
  bg-purple-900:active {
  background-color:  @purple-900 ;
}

.bg-gray-50 {
  background-color:  @gray-50 ;
}
.bg-gray-100 {
  background-color:  @gray-100 ;
}
.bg-gray-200 {
  background-color:  @gray-200 ;
}
.bg-gray-300 {
  background-color:  @gray-300 ;
}
.bg-gray-400 {
  background-color:  @gray-400 ;
}
.bg-gray-500 {
  background-color:  @gray-500 ;
}
.bg-gray-600 {
  background-color:  @gray-600 ;
}
.bg-gray-700 {
  background-color:  @gray-700 ;
}
.bg-gray-800 {
  background-color:  @gray-800 ;
}
.bg-gray-900 {
  background-color:  @gray-900 ;
}

 bg-gray-50:focus {
  background-color:  @gray-50 ;
}
 bg-gray-100:focus {
  background-color:  @gray-100 ;
}
 bg-gray-200:focus {
  background-color:  @gray-200 ;
}
 bg-gray-300:focus {
  background-color:  @gray-300 ;
}
 bg-gray-400:focus {
  background-color:  @gray-400 ;
}
 bg-gray-500:focus {
  background-color:  @gray-500 ;
}
 bg-gray-600:focus {
  background-color:  @gray-600 ;
}
 bg-gray-700:focus {
  background-color:  @gray-700 ;
}
 bg-gray-800:focus {
  background-color:  @gray-800 ;
}
 bg-gray-900:focus {
  background-color:  @gray-900 ;
}

 bg-gray-50:hover {
  background-color:  @gray-50 ;
}
 bg-gray-100:hover {
  background-color:  @gray-100 ;
}
 bg-gray-200:hover {
  background-color:  @gray-200 ;
}
 bg-gray-300:hover {
  background-color:  @gray-300 ;
}
 bg-gray-400:hover {
  background-color:  @gray-400 ;
}
 bg-gray-500:hover {
  background-color:  @gray-500 ;
}
 bg-gray-600:hover {
  background-color:  @gray-600 ;
}
 bg-gray-700:hover {
  background-color:  @gray-700 ;
}
 bg-gray-800:hover {
  background-color:  @gray-800 ;
}
 bg-gray-900:hover {
  background-color:  @gray-900 ;
}

  bg-gray-50:active {
  background-color:  @gray-50 ;
}
  bg-gray-100:active {
  background-color:  @gray-100 ;
}
  bg-gray-200:active {
  background-color:  @gray-200 ;
}
  bg-gray-300:active {
  background-color:  @gray-300 ;
}
  bg-gray-400:active {
  background-color:  @gray-400 ;
}
  bg-gray-500:active {
  background-color:  @gray-500 ;
}
  bg-gray-600:active {
  background-color:  @gray-600 ;
}
  bg-gray-700:active {
  background-color:  @gray-700 ;
}
  bg-gray-800:active {
  background-color:  @gray-800 ;
}
  bg-gray-900:active {
  background-color:  @gray-900 ;
}

.border-blue-50 {
  border-color:  @blue-50 ;
}
.border-blue-100 {
  border-color:  @blue-100 ;
}
.border-blue-200 {
  border-color:  @blue-200 ;
}
.border-blue-300 {
  border-color:  @blue-300 ;
}
.border-blue-400 {
  border-color:  @blue-400 ;
}
.border-blue-500 {
  border-color:  @blue-500 ;
}
.border-blue-600 {
  border-color:  @blue-600 ;
}
.border-blue-700 {
  border-color:  @blue-700 ;
}
.border-blue-800 {
  border-color:  @blue-800 ;
}
.border-blue-900 {
  border-color:  @blue-900 ;
}

 border-blue-50:focus {
  border-color:  @blue-50 ;
}
 border-blue-100:focus {
  border-color:  @blue-100 ;
}
 border-blue-200:focus {
  border-color:  @blue-200 ;
}
 border-blue-300:focus {
  border-color:  @blue-300 ;
}
 border-blue-400:focus {
  border-color:  @blue-400 ;
}
 border-blue-500:focus {
  border-color:  @blue-500 ;
}
 border-blue-600:focus {
  border-color:  @blue-600 ;
}
 border-blue-700:focus {
  border-color:  @blue-700 ;
}
 border-blue-800:focus {
  border-color:  @blue-800 ;
}
 border-blue-900:focus {
  border-color:  @blue-900 ;
}

 border-blue-50:hover {
  border-color:  @blue-50 ;
}
 border-blue-100:hover {
  border-color:  @blue-100 ;
}
 border-blue-200:hover {
  border-color:  @blue-200 ;
}
 border-blue-300:hover {
  border-color:  @blue-300 ;
}
 border-blue-400:hover {
  border-color:  @blue-400 ;
}
 border-blue-500:hover {
  border-color:  @blue-500 ;
}
 border-blue-600:hover {
  border-color:  @blue-600 ;
}
 border-blue-700:hover {
  border-color:  @blue-700 ;
}
 border-blue-800:hover {
  border-color:  @blue-800 ;
}
 border-blue-900:hover {
  border-color:  @blue-900 ;
}

  border-blue-50:active {
  border-color:  @blue-50 ;
}
  border-blue-100:active {
  border-color:  @blue-100 ;
}
  border-blue-200:active {
  border-color:  @blue-200 ;
}
  border-blue-300:active {
  border-color:  @blue-300 ;
}
  border-blue-400:active {
  border-color:  @blue-400 ;
}
  border-blue-500:active {
  border-color:  @blue-500 ;
}
  border-blue-600:active {
  border-color:  @blue-600 ;
}
  border-blue-700:active {
  border-color:  @blue-700 ;
}
  border-blue-800:active {
  border-color:  @blue-800 ;
}
  border-blue-900:active {
  border-color:  @blue-900 ;
}

.border-green-50 {
  border-color:  @green-50 ;
}
.border-green-100 {
  border-color:  @green-100 ;
}
.border-green-200 {
  border-color:  @green-200 ;
}
.border-green-300 {
  border-color:  @green-300 ;
}
.border-green-400 {
  border-color:  @green-400 ;
}
.border-green-500 {
  border-color:  @green-500 ;
}
.border-green-600 {
  border-color:  @green-600 ;
}
.border-green-700 {
  border-color:  @green-700 ;
}
.border-green-800 {
  border-color:  @green-800 ;
}
.border-green-900 {
  border-color:  @green-900 ;
}

 border-green-50:focus {
  border-color:  @green-50 ;
}
 border-green-100:focus {
  border-color:  @green-100 ;
}
 border-green-200:focus {
  border-color:  @green-200 ;
}
 border-green-300:focus {
  border-color:  @green-300 ;
}
 border-green-400:focus {
  border-color:  @green-400 ;
}
 border-green-500:focus {
  border-color:  @green-500 ;
}
 border-green-600:focus {
  border-color:  @green-600 ;
}
 border-green-700:focus {
  border-color:  @green-700 ;
}
 border-green-800:focus {
  border-color:  @green-800 ;
}
 border-green-900:focus {
  border-color:  @green-900 ;
}

 border-green-50:hover {
  border-color:  @green-50 ;
}
 border-green-100:hover {
  border-color:  @green-100 ;
}
 border-green-200:hover {
  border-color:  @green-200 ;
}
 border-green-300:hover {
  border-color:  @green-300 ;
}
 border-green-400:hover {
  border-color:  @green-400 ;
}
 border-green-500:hover {
  border-color:  @green-500 ;
}
 border-green-600:hover {
  border-color:  @green-600 ;
}
 border-green-700:hover {
  border-color:  @green-700 ;
}
 border-green-800:hover {
  border-color:  @green-800 ;
}
 border-green-900:hover {
  border-color:  @green-900 ;
}

  border-green-50:active {
  border-color:  @green-50 ;
}
  border-green-100:active {
  border-color:  @green-100 ;
}
  border-green-200:active {
  border-color:  @green-200 ;
}
  border-green-300:active {
  border-color:  @green-300 ;
}
  border-green-400:active {
  border-color:  @green-400 ;
}
  border-green-500:active {
  border-color:  @green-500 ;
}
  border-green-600:active {
  border-color:  @green-600 ;
}
  border-green-700:active {
  border-color:  @green-700 ;
}
  border-green-800:active {
  border-color:  @green-800 ;
}
  border-green-900:active {
  border-color:  @green-900 ;
}

.border-yellow-50 {
  border-color:  @yellow-50 ;
}
.border-yellow-100 {
  border-color:  @yellow-100 ;
}
.border-yellow-200 {
  border-color:  @yellow-200 ;
}
.border-yellow-300 {
  border-color:  @yellow-300 ;
}
.border-yellow-400 {
  border-color:  @yellow-400 ;
}
.border-yellow-500 {
  border-color:  @yellow-500 ;
}
.border-yellow-600 {
  border-color:  @yellow-600 ;
}
.border-yellow-700 {
  border-color:  @yellow-700 ;
}
.border-yellow-800 {
  border-color:  @yellow-800 ;
}
.border-yellow-900 {
  border-color:  @yellow-900 ;
}

 border-yellow-50:focus {
  border-color:  @yellow-50 ;
}
 border-yellow-100:focus {
  border-color:  @yellow-100 ;
}
 border-yellow-200:focus {
  border-color:  @yellow-200 ;
}
 border-yellow-300:focus {
  border-color:  @yellow-300 ;
}
 border-yellow-400:focus {
  border-color:  @yellow-400 ;
}
 border-yellow-500:focus {
  border-color:  @yellow-500 ;
}
 border-yellow-600:focus {
  border-color:  @yellow-600 ;
}
 border-yellow-700:focus {
  border-color:  @yellow-700 ;
}
 border-yellow-800:focus {
  border-color:  @yellow-800 ;
}
 border-yellow-900:focus {
  border-color:  @yellow-900 ;
}

 border-yellow-50:hover {
  border-color:  @yellow-50 ;
}
 border-yellow-100:hover {
  border-color:  @yellow-100 ;
}
 border-yellow-200:hover {
  border-color:  @yellow-200 ;
}
 border-yellow-300:hover {
  border-color:  @yellow-300 ;
}
 border-yellow-400:hover {
  border-color:  @yellow-400 ;
}
 border-yellow-500:hover {
  border-color:  @yellow-500 ;
}
 border-yellow-600:hover {
  border-color:  @yellow-600 ;
}
 border-yellow-700:hover {
  border-color:  @yellow-700 ;
}
 border-yellow-800:hover {
  border-color:  @yellow-800 ;
}
 border-yellow-900:hover {
  border-color:  @yellow-900 ;
}

  border-yellow-50:active {
  border-color:  @yellow-50 ;
}
  border-yellow-100:active {
  border-color:  @yellow-100 ;
}
  border-yellow-200:active {
  border-color:  @yellow-200 ;
}
  border-yellow-300:active {
  border-color:  @yellow-300 ;
}
  border-yellow-400:active {
  border-color:  @yellow-400 ;
}
  border-yellow-500:active {
  border-color:  @yellow-500 ;
}
  border-yellow-600:active {
  border-color:  @yellow-600 ;
}
  border-yellow-700:active {
  border-color:  @yellow-700 ;
}
  border-yellow-800:active {
  border-color:  @yellow-800 ;
}
  border-yellow-900:active {
  border-color:  @yellow-900 ;
}

.border-cyan-50 {
  border-color:  @cyan-50 ;
}
.border-cyan-100 {
  border-color:  @cyan-100 ;
}
.border-cyan-200 {
  border-color:  @cyan-200 ;
}
.border-cyan-300 {
  border-color:  @cyan-300 ;
}
.border-cyan-400 {
  border-color:  @cyan-400 ;
}
.border-cyan-500 {
  border-color:  @cyan-500 ;
}
.border-cyan-600 {
  border-color:  @cyan-600 ;
}
.border-cyan-700 {
  border-color:  @cyan-700 ;
}
.border-cyan-800 {
  border-color:  @cyan-800 ;
}
.border-cyan-900 {
  border-color:  @cyan-900 ;
}

 border-cyan-50:focus {
  border-color:  @cyan-50 ;
}
 border-cyan-100:focus {
  border-color:  @cyan-100 ;
}
 border-cyan-200:focus {
  border-color:  @cyan-200 ;
}
 border-cyan-300:focus {
  border-color:  @cyan-300 ;
}
 border-cyan-400:focus {
  border-color:  @cyan-400 ;
}
 border-cyan-500:focus {
  border-color:  @cyan-500 ;
}
 border-cyan-600:focus {
  border-color:  @cyan-600 ;
}
 border-cyan-700:focus {
  border-color:  @cyan-700 ;
}
 border-cyan-800:focus {
  border-color:  @cyan-800 ;
}
 border-cyan-900:focus {
  border-color:  @cyan-900 ;
}

 border-cyan-50:hover {
  border-color:  @cyan-50 ;
}
 border-cyan-100:hover {
  border-color:  @cyan-100 ;
}
 border-cyan-200:hover {
  border-color:  @cyan-200 ;
}
 border-cyan-300:hover {
  border-color:  @cyan-300 ;
}
 border-cyan-400:hover {
  border-color:  @cyan-400 ;
}
 border-cyan-500:hover {
  border-color:  @cyan-500 ;
}
 border-cyan-600:hover {
  border-color:  @cyan-600 ;
}
 border-cyan-700:hover {
  border-color:  @cyan-700 ;
}
 border-cyan-800:hover {
  border-color:  @cyan-800 ;
}
 border-cyan-900:hover {
  border-color:  @cyan-900 ;
}

  border-cyan-50:active {
  border-color:  @cyan-50 ;
}
  border-cyan-100:active {
  border-color:  @cyan-100 ;
}
  border-cyan-200:active {
  border-color:  @cyan-200 ;
}
  border-cyan-300:active {
  border-color:  @cyan-300 ;
}
  border-cyan-400:active {
  border-color:  @cyan-400 ;
}
  border-cyan-500:active {
  border-color:  @cyan-500 ;
}
  border-cyan-600:active {
  border-color:  @cyan-600 ;
}
  border-cyan-700:active {
  border-color:  @cyan-700 ;
}
  border-cyan-800:active {
  border-color:  @cyan-800 ;
}
  border-cyan-900:active {
  border-color:  @cyan-900 ;
}

.border-pink-50 {
  border-color:  @pink-50 ;
}
.border-pink-100 {
  border-color:  @pink-100 ;
}
.border-pink-200 {
  border-color:  @pink-200 ;
}
.border-pink-300 {
  border-color:  @pink-300 ;
}
.border-pink-400 {
  border-color:  @pink-400 ;
}
.border-pink-500 {
  border-color:  @pink-500 ;
}
.border-pink-600 {
  border-color:  @pink-600 ;
}
.border-pink-700 {
  border-color:  @pink-700 ;
}
.border-pink-800 {
  border-color:  @pink-800 ;
}
.border-pink-900 {
  border-color:  @pink-900 ;
}

 border-pink-50:focus {
  border-color:  @pink-50 ;
}
 border-pink-100:focus {
  border-color:  @pink-100 ;
}
 border-pink-200:focus {
  border-color:  @pink-200 ;
}
 border-pink-300:focus {
  border-color:  @pink-300 ;
}
 border-pink-400:focus {
  border-color:  @pink-400 ;
}
 border-pink-500:focus {
  border-color:  @pink-500 ;
}
 border-pink-600:focus {
  border-color:  @pink-600 ;
}
 border-pink-700:focus {
  border-color:  @pink-700 ;
}
 border-pink-800:focus {
  border-color:  @pink-800 ;
}
 border-pink-900:focus {
  border-color:  @pink-900 ;
}

 border-pink-50:hover {
  border-color:  @pink-50 ;
}
 border-pink-100:hover {
  border-color:  @pink-100 ;
}
 border-pink-200:hover {
  border-color:  @pink-200 ;
}
 border-pink-300:hover {
  border-color:  @pink-300 ;
}
 border-pink-400:hover {
  border-color:  @pink-400 ;
}
 border-pink-500:hover {
  border-color:  @pink-500 ;
}
 border-pink-600:hover {
  border-color:  @pink-600 ;
}
 border-pink-700:hover {
  border-color:  @pink-700 ;
}
 border-pink-800:hover {
  border-color:  @pink-800 ;
}
 border-pink-900:hover {
  border-color:  @pink-900 ;
}

  border-pink-50:active {
  border-color:  @pink-50 ;
}
  border-pink-100:active {
  border-color:  @pink-100 ;
}
  border-pink-200:active {
  border-color:  @pink-200 ;
}
  border-pink-300:active {
  border-color:  @pink-300 ;
}
  border-pink-400:active {
  border-color:  @pink-400 ;
}
  border-pink-500:active {
  border-color:  @pink-500 ;
}
  border-pink-600:active {
  border-color:  @pink-600 ;
}
  border-pink-700:active {
  border-color:  @pink-700 ;
}
  border-pink-800:active {
  border-color:  @pink-800 ;
}
  border-pink-900:active {
  border-color:  @pink-900 ;
}

.border-indigo-50 {
  border-color:  @indigo-50 ;
}
.border-indigo-100 {
  border-color:  @indigo-100 ;
}
.border-indigo-200 {
  border-color:  @indigo-200 ;
}
.border-indigo-300 {
  border-color:  @indigo-300 ;
}
.border-indigo-400 {
  border-color:  @indigo-400 ;
}
.border-indigo-500 {
  border-color:  @indigo-500 ;
}
.border-indigo-600 {
  border-color:  @indigo-600 ;
}
.border-indigo-700 {
  border-color:  @indigo-700 ;
}
.border-indigo-800 {
  border-color:  @indigo-800 ;
}
.border-indigo-900 {
  border-color:  @indigo-900 ;
}

 border-indigo-50:focus {
  border-color:  @indigo-50 ;
}
 border-indigo-100:focus {
  border-color:  @indigo-100 ;
}
 border-indigo-200:focus {
  border-color:  @indigo-200 ;
}
 border-indigo-300:focus {
  border-color:  @indigo-300 ;
}
 border-indigo-400:focus {
  border-color:  @indigo-400 ;
}
 border-indigo-500:focus {
  border-color:  @indigo-500 ;
}
 border-indigo-600:focus {
  border-color:  @indigo-600 ;
}
 border-indigo-700:focus {
  border-color:  @indigo-700 ;
}
 border-indigo-800:focus {
  border-color:  @indigo-800 ;
}
 border-indigo-900:focus {
  border-color:  @indigo-900 ;
}

 border-indigo-50:hover {
  border-color:  @indigo-50 ;
}
 border-indigo-100:hover {
  border-color:  @indigo-100 ;
}
 border-indigo-200:hover {
  border-color:  @indigo-200 ;
}
 border-indigo-300:hover {
  border-color:  @indigo-300 ;
}
 border-indigo-400:hover {
  border-color:  @indigo-400 ;
}
 border-indigo-500:hover {
  border-color:  @indigo-500 ;
}
 border-indigo-600:hover {
  border-color:  @indigo-600 ;
}
 border-indigo-700:hover {
  border-color:  @indigo-700 ;
}
 border-indigo-800:hover {
  border-color:  @indigo-800 ;
}
 border-indigo-900:hover {
  border-color:  @indigo-900 ;
}

  border-indigo-50:active {
  border-color:  @indigo-50 ;
}
  border-indigo-100:active {
  border-color:  @indigo-100 ;
}
  border-indigo-200:active {
  border-color:  @indigo-200 ;
}
  border-indigo-300:active {
  border-color:  @indigo-300 ;
}
  border-indigo-400:active {
  border-color:  @indigo-400 ;
}
  border-indigo-500:active {
  border-color:  @indigo-500 ;
}
  border-indigo-600:active {
  border-color:  @indigo-600 ;
}
  border-indigo-700:active {
  border-color:  @indigo-700 ;
}
  border-indigo-800:active {
  border-color:  @indigo-800 ;
}
  border-indigo-900:active {
  border-color:  @indigo-900 ;
}

.border-teal-50 {
  border-color:  @teal-50 ;
}
.border-teal-100 {
  border-color:  @teal-100 ;
}
.border-teal-200 {
  border-color:  @teal-200 ;
}
.border-teal-300 {
  border-color:  @teal-300 ;
}
.border-teal-400 {
  border-color:  @teal-400 ;
}
.border-teal-500 {
  border-color:  @teal-500 ;
}
.border-teal-600 {
  border-color:  @teal-600 ;
}
.border-teal-700 {
  border-color:  @teal-700 ;
}
.border-teal-800 {
  border-color:  @teal-800 ;
}
.border-teal-900 {
  border-color:  @teal-900 ;
}

 border-teal-50:focus {
  border-color:  @teal-50 ;
}
 border-teal-100:focus {
  border-color:  @teal-100 ;
}
 border-teal-200:focus {
  border-color:  @teal-200 ;
}
 border-teal-300:focus {
  border-color:  @teal-300 ;
}
 border-teal-400:focus {
  border-color:  @teal-400 ;
}
 border-teal-500:focus {
  border-color:  @teal-500 ;
}
 border-teal-600:focus {
  border-color:  @teal-600 ;
}
 border-teal-700:focus {
  border-color:  @teal-700 ;
}
 border-teal-800:focus {
  border-color:  @teal-800 ;
}
 border-teal-900:focus {
  border-color:  @teal-900 ;
}

 border-teal-50:hover {
  border-color:  @teal-50 ;
}
 border-teal-100:hover {
  border-color:  @teal-100 ;
}
 border-teal-200:hover {
  border-color:  @teal-200 ;
}
 border-teal-300:hover {
  border-color:  @teal-300 ;
}
 border-teal-400:hover {
  border-color:  @teal-400 ;
}
 border-teal-500:hover {
  border-color:  @teal-500 ;
}
 border-teal-600:hover {
  border-color:  @teal-600 ;
}
 border-teal-700:hover {
  border-color:  @teal-700 ;
}
 border-teal-800:hover {
  border-color:  @teal-800 ;
}
 border-teal-900:hover {
  border-color:  @teal-900 ;
}

  border-teal-50:active {
  border-color:  @teal-50 ;
}
  border-teal-100:active {
  border-color:  @teal-100 ;
}
  border-teal-200:active {
  border-color:  @teal-200 ;
}
  border-teal-300:active {
  border-color:  @teal-300 ;
}
  border-teal-400:active {
  border-color:  @teal-400 ;
}
  border-teal-500:active {
  border-color:  @teal-500 ;
}
  border-teal-600:active {
  border-color:  @teal-600 ;
}
  border-teal-700:active {
  border-color:  @teal-700 ;
}
  border-teal-800:active {
  border-color:  @teal-800 ;
}
  border-teal-900:active {
  border-color:  @teal-900 ;
}

.border-orange-50 {
  border-color:  @orange-50 ;
}
.border-orange-100 {
  border-color:  @orange-100 ;
}
.border-orange-200 {
  border-color:  @orange-200 ;
}
.border-orange-300 {
  border-color:  @orange-300 ;
}
.border-orange-400 {
  border-color:  @orange-400 ;
}
.border-orange-500 {
  border-color:  @orange-500 ;
}
.border-orange-600 {
  border-color:  @orange-600 ;
}
.border-orange-700 {
  border-color:  @orange-700 ;
}
.border-orange-800 {
  border-color:  @orange-800 ;
}
.border-orange-900 {
  border-color:  @orange-900 ;
}

 border-orange-50:focus {
  border-color:  @orange-50 ;
}
 border-orange-100:focus {
  border-color:  @orange-100 ;
}
 border-orange-200:focus {
  border-color:  @orange-200 ;
}
 border-orange-300:focus {
  border-color:  @orange-300 ;
}
 border-orange-400:focus {
  border-color:  @orange-400 ;
}
 border-orange-500:focus {
  border-color:  @orange-500 ;
}
 border-orange-600:focus {
  border-color:  @orange-600 ;
}
 border-orange-700:focus {
  border-color:  @orange-700 ;
}
 border-orange-800:focus {
  border-color:  @orange-800 ;
}
 border-orange-900:focus {
  border-color:  @orange-900 ;
}

 border-orange-50:hover {
  border-color:  @orange-50 ;
}
 border-orange-100:hover {
  border-color:  @orange-100 ;
}
 border-orange-200:hover {
  border-color:  @orange-200 ;
}
 border-orange-300:hover {
  border-color:  @orange-300 ;
}
 border-orange-400:hover {
  border-color:  @orange-400 ;
}
 border-orange-500:hover {
  border-color:  @orange-500 ;
}
 border-orange-600:hover {
  border-color:  @orange-600 ;
}
 border-orange-700:hover {
  border-color:  @orange-700 ;
}
 border-orange-800:hover {
  border-color:  @orange-800 ;
}
 border-orange-900:hover {
  border-color:  @orange-900 ;
}

  border-orange-50:active {
  border-color:  @orange-50 ;
}
  border-orange-100:active {
  border-color:  @orange-100 ;
}
  border-orange-200:active {
  border-color:  @orange-200 ;
}
  border-orange-300:active {
  border-color:  @orange-300 ;
}
  border-orange-400:active {
  border-color:  @orange-400 ;
}
  border-orange-500:active {
  border-color:  @orange-500 ;
}
  border-orange-600:active {
  border-color:  @orange-600 ;
}
  border-orange-700:active {
  border-color:  @orange-700 ;
}
  border-orange-800:active {
  border-color:  @orange-800 ;
}
  border-orange-900:active {
  border-color:  @orange-900 ;
}

.border-bluegray-50 {
  border-color:  @bluegray-50 ;
}
.border-bluegray-100 {
  border-color:  @bluegray-100 ;
}
.border-bluegray-200 {
  border-color:  @bluegray-200 ;
}
.border-bluegray-300 {
  border-color:  @bluegray-300 ;
}
.border-bluegray-400 {
  border-color:  @bluegray-400 ;
}
.border-bluegray-500 {
  border-color:  @bluegray-500 ;
}
.border-bluegray-600 {
  border-color:  @bluegray-600 ;
}
.border-bluegray-700 {
  border-color:  @bluegray-700 ;
}
.border-bluegray-800 {
  border-color:  @bluegray-800 ;
}
.border-bluegray-900 {
  border-color:  @bluegray-900 ;
}

 border-bluegray-50:focus {
  border-color:  @bluegray-50 ;
}
 border-bluegray-100:focus {
  border-color:  @bluegray-100 ;
}
 border-bluegray-200:focus {
  border-color:  @bluegray-200 ;
}
 border-bluegray-300:focus {
  border-color:  @bluegray-300 ;
}
 border-bluegray-400:focus {
  border-color:  @bluegray-400 ;
}
 border-bluegray-500:focus {
  border-color:  @bluegray-500 ;
}
 border-bluegray-600:focus {
  border-color:  @bluegray-600 ;
}
 border-bluegray-700:focus {
  border-color:  @bluegray-700 ;
}
 border-bluegray-800:focus {
  border-color:  @bluegray-800 ;
}
 border-bluegray-900:focus {
  border-color:  @bluegray-900 ;
}

 border-bluegray-50:hover {
  border-color:  @bluegray-50 ;
}
 border-bluegray-100:hover {
  border-color:  @bluegray-100 ;
}
 border-bluegray-200:hover {
  border-color:  @bluegray-200 ;
}
 border-bluegray-300:hover {
  border-color:  @bluegray-300 ;
}
 border-bluegray-400:hover {
  border-color:  @bluegray-400 ;
}
 border-bluegray-500:hover {
  border-color:  @bluegray-500 ;
}
 border-bluegray-600:hover {
  border-color:  @bluegray-600 ;
}
 border-bluegray-700:hover {
  border-color:  @bluegray-700 ;
}
 border-bluegray-800:hover {
  border-color:  @bluegray-800 ;
}
 border-bluegray-900:hover {
  border-color:  @bluegray-900 ;
}

  border-bluegray-50:active {
  border-color:  @bluegray-50 ;
}
  border-bluegray-100:active {
  border-color:  @bluegray-100 ;
}
  border-bluegray-200:active {
  border-color:  @bluegray-200 ;
}
  border-bluegray-300:active {
  border-color:  @bluegray-300 ;
}
  border-bluegray-400:active {
  border-color:  @bluegray-400 ;
}
  border-bluegray-500:active {
  border-color:  @bluegray-500 ;
}
  border-bluegray-600:active {
  border-color:  @bluegray-600 ;
}
  border-bluegray-700:active {
  border-color:  @bluegray-700 ;
}
  border-bluegray-800:active {
  border-color:  @bluegray-800 ;
}
  border-bluegray-900:active {
  border-color:  @bluegray-900 ;
}

.border-purple-50 {
  border-color:  @purple-50 ;
}
.border-purple-100 {
  border-color:  @purple-100 ;
}
.border-purple-200 {
  border-color:  @purple-200 ;
}
.border-purple-300 {
  border-color:  @purple-300 ;
}
.border-purple-400 {
  border-color:  @purple-400 ;
}
.border-purple-500 {
  border-color:  @purple-500 ;
}
.border-purple-600 {
  border-color:  @purple-600 ;
}
.border-purple-700 {
  border-color:  @purple-700 ;
}
.border-purple-800 {
  border-color:  @purple-800 ;
}
.border-purple-900 {
  border-color:  @purple-900 ;
}

 border-purple-50:focus {
  border-color:  @purple-50 ;
}
 border-purple-100:focus {
  border-color:  @purple-100 ;
}
 border-purple-200:focus {
  border-color:  @purple-200 ;
}
 border-purple-300:focus {
  border-color:  @purple-300 ;
}
 border-purple-400:focus {
  border-color:  @purple-400 ;
}
 border-purple-500:focus {
  border-color:  @purple-500 ;
}
 border-purple-600:focus {
  border-color:  @purple-600 ;
}
 border-purple-700:focus {
  border-color:  @purple-700 ;
}
 border-purple-800:focus {
  border-color:  @purple-800 ;
}
 border-purple-900:focus {
  border-color:  @purple-900 ;
}

 border-purple-50:hover {
  border-color:  @purple-50 ;
}
 border-purple-100:hover {
  border-color:  @purple-100 ;
}
 border-purple-200:hover {
  border-color:  @purple-200 ;
}
 border-purple-300:hover {
  border-color:  @purple-300 ;
}
 border-purple-400:hover {
  border-color:  @purple-400 ;
}
 border-purple-500:hover {
  border-color:  @purple-500 ;
}
 border-purple-600:hover {
  border-color:  @purple-600 ;
}
 border-purple-700:hover {
  border-color:  @purple-700 ;
}
 border-purple-800:hover {
  border-color:  @purple-800 ;
}
 border-purple-900:hover {
  border-color:  @purple-900 ;
}

  border-purple-50:active {
  border-color:  @purple-50 ;
}
  border-purple-100:active {
  border-color:  @purple-100 ;
}
  border-purple-200:active {
  border-color:  @purple-200 ;
}
  border-purple-300:active {
  border-color:  @purple-300 ;
}
  border-purple-400:active {
  border-color:  @purple-400 ;
}
  border-purple-500:active {
  border-color:  @purple-500 ;
}
  border-purple-600:active {
  border-color:  @purple-600 ;
}
  border-purple-700:active {
  border-color:  @purple-700 ;
}
  border-purple-800:active {
  border-color:  @purple-800 ;
}
  border-purple-900:active {
  border-color:  @purple-900 ;
}

.border-gray-50 {
  border-color:  @gray-50 ;
}
.border-gray-100 {
  border-color:  @gray-100 ;
}
.border-gray-200 {
  border-color:  @gray-200 ;
}
.border-gray-300 {
  border-color:  @gray-300 ;
}
.border-gray-400 {
  border-color:  @gray-400 ;
}
.border-gray-500 {
  border-color:  @gray-500 ;
}
.border-gray-600 {
  border-color:  @gray-600 ;
}
.border-gray-700 {
  border-color:  @gray-700 ;
}
.border-gray-800 {
  border-color:  @gray-800 ;
}
.border-gray-900 {
  border-color:  @gray-900 ;
}

 border-gray-50:focus {
  border-color:  @gray-50 ;
}
 border-gray-100:focus {
  border-color:  @gray-100 ;
}
 border-gray-200:focus {
  border-color:  @gray-200 ;
}
 border-gray-300:focus {
  border-color:  @gray-300 ;
}
 border-gray-400:focus {
  border-color:  @gray-400 ;
}
 border-gray-500:focus {
  border-color:  @gray-500 ;
}
 border-gray-600:focus {
  border-color:  @gray-600 ;
}
 border-gray-700:focus {
  border-color:  @gray-700 ;
}
 border-gray-800:focus {
  border-color:  @gray-800 ;
}
 border-gray-900:focus {
  border-color:  @gray-900 ;
}

 border-gray-50:hover {
  border-color:  @gray-50 ;
}
 border-gray-100:hover {
  border-color:  @gray-100 ;
}
 border-gray-200:hover {
  border-color:  @gray-200 ;
}
 border-gray-300:hover {
  border-color:  @gray-300 ;
}
 border-gray-400:hover {
  border-color:  @gray-400 ;
}
 border-gray-500:hover {
  border-color:  @gray-500 ;
}
 border-gray-600:hover {
  border-color:  @gray-600 ;
}
 border-gray-700:hover {
  border-color:  @gray-700 ;
}
 border-gray-800:hover {
  border-color:  @gray-800 ;
}
 border-gray-900:hover {
  border-color:  @gray-900 ;
}

  border-gray-50:active {
  border-color:  @gray-50 ;
}
  border-gray-100:active {
  border-color:  @gray-100 ;
}
  border-gray-200:active {
  border-color:  @gray-200 ;
}
  border-gray-300:active {
  border-color:  @gray-300 ;
}
  border-gray-400:active {
  border-color:  @gray-400 ;
}
  border-gray-500:active {
  border-color:  @gray-500 ;
}
  border-gray-600:active {
  border-color:  @gray-600 ;
}
  border-gray-700:active {
  border-color:  @gray-700 ;
}
  border-gray-800:active {
  border-color:  @gray-800 ;
}
  border-gray-900:active {
  border-color:  @gray-900 ;
}

.bg-white-alpha-10 {
  background-color: rgba(255,255,255,0.1) ;
}
.bg-white-alpha-20 {
  background-color: rgba(255,255,255,0.2) ;
}
.bg-white-alpha-30 {
  background-color: rgba(255,255,255,0.3) ;
}
.bg-white-alpha-40 {
  background-color: rgba(255,255,255,0.4) ;
}
.bg-white-alpha-50 {
  background-color: rgba(255,255,255,0.5) ;
}
.bg-white-alpha-60 {
  background-color: rgba(255,255,255,0.6) ;
}
.bg-white-alpha-70 {
  background-color: rgba(255,255,255,0.7) ;
}
.bg-white-alpha-80 {
  background-color: rgba(255,255,255,0.8) ;
}
.bg-white-alpha-90 {
  background-color: rgba(255,255,255,0.9) ;
}

 bg-white-alpha-10:hover {
  background-color: rgba(255,255,255,0.1) ;
}
 bg-white-alpha-20:hover {
  background-color: rgba(255,255,255,0.2) ;
}
 bg-white-alpha-30:hover {
  background-color: rgba(255,255,255,0.3) ;
}
 bg-white-alpha-40:hover {
  background-color: rgba(255,255,255,0.4) ;
}
 bg-white-alpha-50:hover {
  background-color: rgba(255,255,255,0.5) ;
}
 bg-white-alpha-60:hover {
  background-color: rgba(255,255,255,0.6) ;
}
 bg-white-alpha-70:hover {
  background-color: rgba(255,255,255,0.7) ;
}
 bg-white-alpha-80:hover {
  background-color: rgba(255,255,255,0.8) ;
}
 bg-white-alpha-90:hover {
  background-color: rgba(255,255,255,0.9) ;
}

 bg-white-alpha-10:focus {
  background-color: rgba(255,255,255,0.1) ;
}
 bg-white-alpha-20:focus {
  background-color: rgba(255,255,255,0.2) ;
}
 bg-white-alpha-30:focus {
  background-color: rgba(255,255,255,0.3) ;
}
 bg-white-alpha-40:focus {
  background-color: rgba(255,255,255,0.4) ;
}
 bg-white-alpha-50:focus {
  background-color: rgba(255,255,255,0.5) ;
}
 bg-white-alpha-60:focus {
  background-color: rgba(255,255,255,0.6) ;
}
 bg-white-alpha-70:focus {
  background-color: rgba(255,255,255,0.7) ;
}
 bg-white-alpha-80:focus {
  background-color: rgba(255,255,255,0.8) ;
}
 bg-white-alpha-90:focus {
  background-color: rgba(255,255,255,0.9) ;
}

  bg-white-alpha-10:active {
  background-color: rgba(255,255,255,0.1) ;
}
  bg-white-alpha-20:active {
  background-color: rgba(255,255,255,0.2) ;
}
  bg-white-alpha-30:active {
  background-color: rgba(255,255,255,0.3) ;
}
  bg-white-alpha-40:active {
  background-color: rgba(255,255,255,0.4) ;
}
  bg-white-alpha-50:active {
  background-color: rgba(255,255,255,0.5) ;
}
  bg-white-alpha-60:active {
  background-color: rgba(255,255,255,0.6) ;
}
  bg-white-alpha-70:active {
  background-color: rgba(255,255,255,0.7) ;
}
  bg-white-alpha-80:active {
  background-color: rgba(255,255,255,0.8) ;
}
  bg-white-alpha-90:active {
  background-color: rgba(255,255,255,0.9) ;
}

.bg-black-alpha-10 {
  background-color: rgba(0,0,0,0.1) ;
}
.bg-black-alpha-20 {
  background-color: rgba(0,0,0,0.2) ;
}
.bg-black-alpha-30 {
  background-color: rgba(0,0,0,0.3) ;
}
.bg-black-alpha-40 {
  background-color: rgba(0,0,0,0.4) ;
}
.bg-black-alpha-50 {
  background-color: rgba(0,0,0,0.5) ;
}
.bg-black-alpha-60 {
  background-color: rgba(0,0,0,0.6) ;
}
.bg-black-alpha-70 {
  background-color: rgba(0,0,0,0.7) ;
}
.bg-black-alpha-80 {
  background-color: rgba(0,0,0,0.8) ;
}
.bg-black-alpha-90 {
  background-color: rgba(0,0,0,0.9) ;
}

 bg-black-alpha-10:hover {
  background-color: rgba(0,0,0,0.1) ;
}
 bg-black-alpha-20:hover {
  background-color: rgba(0,0,0,0.2) ;
}
 bg-black-alpha-30:hover {
  background-color: rgba(0,0,0,0.3) ;
}
 bg-black-alpha-40:hover {
  background-color: rgba(0,0,0,0.4) ;
}
 bg-black-alpha-50:hover {
  background-color: rgba(0,0,0,0.5) ;
}
 bg-black-alpha-60:hover {
  background-color: rgba(0,0,0,0.6) ;
}
 bg-black-alpha-70:hover {
  background-color: rgba(0,0,0,0.7) ;
}
 bg-black-alpha-80:hover {
  background-color: rgba(0,0,0,0.8) ;
}
 bg-black-alpha-90:hover {
  background-color: rgba(0,0,0,0.9) ;
}

 bg-black-alpha-10:focus {
  background-color: rgba(0,0,0,0.1) ;
}
 bg-black-alpha-20:focus {
  background-color: rgba(0,0,0,0.2) ;
}
 bg-black-alpha-30:focus {
  background-color: rgba(0,0,0,0.3) ;
}
 bg-black-alpha-40:focus {
  background-color: rgba(0,0,0,0.4) ;
}
 bg-black-alpha-50:focus {
  background-color: rgba(0,0,0,0.5) ;
}
 bg-black-alpha-60:focus {
  background-color: rgba(0,0,0,0.6) ;
}
 bg-black-alpha-70:focus {
  background-color: rgba(0,0,0,0.7) ;
}
 bg-black-alpha-80:focus {
  background-color: rgba(0,0,0,0.8) ;
}
 bg-black-alpha-90:focus {
  background-color: rgba(0,0,0,0.9) ;
}

  bg-black-alpha-10:active {
  background-color: rgba(0,0,0,0.1) ;
}
  bg-black-alpha-20:active {
  background-color: rgba(0,0,0,0.2) ;
}
  bg-black-alpha-30:active {
  background-color: rgba(0,0,0,0.3) ;
}
  bg-black-alpha-40:active {
  background-color: rgba(0,0,0,0.4) ;
}
  bg-black-alpha-50:active {
  background-color: rgba(0,0,0,0.5) ;
}
  bg-black-alpha-60:active {
  background-color: rgba(0,0,0,0.6) ;
}
  bg-black-alpha-70:active {
  background-color: rgba(0,0,0,0.7) ;
}
  bg-black-alpha-80:active {
  background-color: rgba(0,0,0,0.8) ;
}
  bg-black-alpha-90:active {
  background-color: rgba(0,0,0,0.9) ;
}

.border-white-alpha-10 {
  border-color: rgba(255,255,255,0.1) ;
}
.border-white-alpha-20 {
  border-color: rgba(255,255,255,0.2) ;
}
.border-white-alpha-30 {
  border-color: rgba(255,255,255,0.3) ;
}
.border-white-alpha-40 {
  border-color: rgba(255,255,255,0.4) ;
}
.border-white-alpha-50 {
  border-color: rgba(255,255,255,0.5) ;
}
.border-white-alpha-60 {
  border-color: rgba(255,255,255,0.6) ;
}
.border-white-alpha-70 {
  border-color: rgba(255,255,255,0.7) ;
}
.border-white-alpha-80 {
  border-color: rgba(255,255,255,0.8) ;
}
.border-white-alpha-90 {
  border-color: rgba(255,255,255,0.9) ;
}

 border-white-alpha-10:hover {
  border-color: rgba(255,255,255,0.1) ;
}
 border-white-alpha-20:hover {
  border-color: rgba(255,255,255,0.2) ;
}
 border-white-alpha-30:hover {
  border-color: rgba(255,255,255,0.3) ;
}
 border-white-alpha-40:hover {
  border-color: rgba(255,255,255,0.4) ;
}
 border-white-alpha-50:hover {
  border-color: rgba(255,255,255,0.5) ;
}
 border-white-alpha-60:hover {
  border-color: rgba(255,255,255,0.6) ;
}
 border-white-alpha-70:hover {
  border-color: rgba(255,255,255,0.7) ;
}
 border-white-alpha-80:hover {
  border-color: rgba(255,255,255,0.8) ;
}
 border-white-alpha-90:hover {
  border-color: rgba(255,255,255,0.9) ;
}

 border-white-alpha-10:focus {
  border-color: rgba(255,255,255,0.1) ;
}
 border-white-alpha-20:focus {
  border-color: rgba(255,255,255,0.2) ;
}
 border-white-alpha-30:focus {
  border-color: rgba(255,255,255,0.3) ;
}
 border-white-alpha-40:focus {
  border-color: rgba(255,255,255,0.4) ;
}
 border-white-alpha-50:focus {
  border-color: rgba(255,255,255,0.5) ;
}
 border-white-alpha-60:focus {
  border-color: rgba(255,255,255,0.6) ;
}
 border-white-alpha-70:focus {
  border-color: rgba(255,255,255,0.7) ;
}
 border-white-alpha-80:focus {
  border-color: rgba(255,255,255,0.8) ;
}
 border-white-alpha-90:focus {
  border-color: rgba(255,255,255,0.9) ;
}

  border-white-alpha-10:active {
  border-color: rgba(255,255,255,0.1) ;
}
  border-white-alpha-20:active {
  border-color: rgba(255,255,255,0.2) ;
}
  border-white-alpha-30:active {
  border-color: rgba(255,255,255,0.3) ;
}
  border-white-alpha-40:active {
  border-color: rgba(255,255,255,0.4) ;
}
  border-white-alpha-50:active {
  border-color: rgba(255,255,255,0.5) ;
}
  border-white-alpha-60:active {
  border-color: rgba(255,255,255,0.6) ;
}
  border-white-alpha-70:active {
  border-color: rgba(255,255,255,0.7) ;
}
  border-white-alpha-80:active {
  border-color: rgba(255,255,255,0.8) ;
}
  border-white-alpha-90:active {
  border-color: rgba(255,255,255,0.9) ;
}

.border-black-alpha-10 {
  border-color: rgba(0,0,0,0.1) ;
}
.border-black-alpha-20 {
  border-color: rgba(0,0,0,0.2) ;
}
.border-black-alpha-30 {
  border-color: rgba(0,0,0,0.3) ;
}
.border-black-alpha-40 {
  border-color: rgba(0,0,0,0.4) ;
}
.border-black-alpha-50 {
  border-color: rgba(0,0,0,0.5) ;
}
.border-black-alpha-60 {
  border-color: rgba(0,0,0,0.6) ;
}
.border-black-alpha-70 {
  border-color: rgba(0,0,0,0.7) ;
}
.border-black-alpha-80 {
  border-color: rgba(0,0,0,0.8) ;
}
.border-black-alpha-90 {
  border-color: rgba(0,0,0,0.9) ;
}

 border-black-alpha-10:hover {
  border-color: rgba(0,0,0,0.1) ;
}
 border-black-alpha-20:hover {
  border-color: rgba(0,0,0,0.2) ;
}
 border-black-alpha-30:hover {
  border-color: rgba(0,0,0,0.3) ;
}
 border-black-alpha-40:hover {
  border-color: rgba(0,0,0,0.4) ;
}
 border-black-alpha-50:hover {
  border-color: rgba(0,0,0,0.5) ;
}
 border-black-alpha-60:hover {
  border-color: rgba(0,0,0,0.6) ;
}
 border-black-alpha-70:hover {
  border-color: rgba(0,0,0,0.7) ;
}
 border-black-alpha-80:hover {
  border-color: rgba(0,0,0,0.8) ;
}
 border-black-alpha-90:hover {
  border-color: rgba(0,0,0,0.9) ;
}

 border-black-alpha-10:focus {
  border-color: rgba(0,0,0,0.1) ;
}
 border-black-alpha-20:focus {
  border-color: rgba(0,0,0,0.2) ;
}
 border-black-alpha-30:focus {
  border-color: rgba(0,0,0,0.3) ;
}
 border-black-alpha-40:focus {
  border-color: rgba(0,0,0,0.4) ;
}
 border-black-alpha-50:focus {
  border-color: rgba(0,0,0,0.5) ;
}
 border-black-alpha-60:focus {
  border-color: rgba(0,0,0,0.6) ;
}
 border-black-alpha-70:focus {
  border-color: rgba(0,0,0,0.7) ;
}
 border-black-alpha-80:focus {
  border-color: rgba(0,0,0,0.8) ;
}
 border-black-alpha-90:focus {
  border-color: rgba(0,0,0,0.9) ;
}

  border-black-alpha-10:active {
  border-color: rgba(0,0,0,0.1) ;
}
  border-black-alpha-20:active {
  border-color: rgba(0,0,0,0.2) ;
}
  border-black-alpha-30:active {
  border-color: rgba(0,0,0,0.3) ;
}
  border-black-alpha-40:active {
  border-color: rgba(0,0,0,0.4) ;
}
  border-black-alpha-50:active {
  border-color: rgba(0,0,0,0.5) ;
}
  border-black-alpha-60:active {
  border-color: rgba(0,0,0,0.6) ;
}
  border-black-alpha-70:active {
  border-color: rgba(0,0,0,0.7) ;
}
  border-black-alpha-80:active {
  border-color: rgba(0,0,0,0.8) ;
}
  border-black-alpha-90:active {
  border-color: rgba(0,0,0,0.9) ;
}

.text-white-alpha-10 {
  color: rgba(255,255,255,0.1) ;
}
.text-white-alpha-20 {
  color: rgba(255,255,255,0.2) ;
}
.text-white-alpha-30 {
  color: rgba(255,255,255,0.3) ;
}
.text-white-alpha-40 {
  color: rgba(255,255,255,0.4) ;
}
.text-white-alpha-50 {
  color: rgba(255,255,255,0.5) ;
}
.text-white-alpha-60 {
  color: rgba(255,255,255,0.6) ;
}
.text-white-alpha-70 {
  color: rgba(255,255,255,0.7) ;
}
.text-white-alpha-80 {
  color: rgba(255,255,255,0.8) ;
}
.text-white-alpha-90 {
  color: rgba(255,255,255,0.9) ;
}

 text-white-alpha-10:hover {
  color: rgba(255,255,255,0.1) ;
}
 text-white-alpha-20:hover {
  color: rgba(255,255,255,0.2) ;
}
 text-white-alpha-30:hover {
  color: rgba(255,255,255,0.3) ;
}
 text-white-alpha-40:hover {
  color: rgba(255,255,255,0.4) ;
}
 text-white-alpha-50:hover {
  color: rgba(255,255,255,0.5) ;
}
 text-white-alpha-60:hover {
  color: rgba(255,255,255,0.6) ;
}
 text-white-alpha-70:hover {
  color: rgba(255,255,255,0.7) ;
}
 text-white-alpha-80:hover {
  color: rgba(255,255,255,0.8) ;
}
 text-white-alpha-90:hover {
  color: rgba(255,255,255,0.9) ;
}

 text-white-alpha-10:focus {
  color: rgba(255,255,255,0.1) ;
}
 text-white-alpha-20:focus {
  color: rgba(255,255,255,0.2) ;
}
 text-white-alpha-30:focus {
  color: rgba(255,255,255,0.3) ;
}
 text-white-alpha-40:focus {
  color: rgba(255,255,255,0.4) ;
}
 text-white-alpha-50:focus {
  color: rgba(255,255,255,0.5) ;
}
 text-white-alpha-60:focus {
  color: rgba(255,255,255,0.6) ;
}
 text-white-alpha-70:focus {
  color: rgba(255,255,255,0.7) ;
}
 text-white-alpha-80:focus {
  color: rgba(255,255,255,0.8) ;
}
 text-white-alpha-90:focus {
  color: rgba(255,255,255,0.9) ;
}

  text-white-alpha-10:active {
  color: rgba(255,255,255,0.1) ;
}
  text-white-alpha-20:active {
  color: rgba(255,255,255,0.2) ;
}
  text-white-alpha-30:active {
  color: rgba(255,255,255,0.3) ;
}
  text-white-alpha-40:active {
  color: rgba(255,255,255,0.4) ;
}
  text-white-alpha-50:active {
  color: rgba(255,255,255,0.5) ;
}
  text-white-alpha-60:active {
  color: rgba(255,255,255,0.6) ;
}
  text-white-alpha-70:active {
  color: rgba(255,255,255,0.7) ;
}
  text-white-alpha-80:active {
  color: rgba(255,255,255,0.8) ;
}
  text-white-alpha-90:active {
  color: rgba(255,255,255,0.9) ;
}

.text-black-alpha-10 {
  color: rgba(0,0,0,0.1) ;
}
.text-black-alpha-20 {
  color: rgba(0,0,0,0.2) ;
}
.text-black-alpha-30 {
  color: rgba(0,0,0,0.3) ;
}
.text-black-alpha-40 {
  color: rgba(0,0,0,0.4) ;
}
.text-black-alpha-50 {
  color: rgba(0,0,0,0.5) ;
}
.text-black-alpha-60 {
  color: rgba(0,0,0,0.6) ;
}
.text-black-alpha-70 {
  color: rgba(0,0,0,0.7) ;
}
.text-black-alpha-80 {
  color: rgba(0,0,0,0.8) ;
}
.text-black-alpha-90 {
  color: rgba(0,0,0,0.9) ;
}

 text-black-alpha-10:hover {
  color: rgba(0,0,0,0.1) ;
}
 text-black-alpha-20:hover {
  color: rgba(0,0,0,0.2) ;
}
 text-black-alpha-30:hover {
  color: rgba(0,0,0,0.3) ;
}
 text-black-alpha-40:hover {
  color: rgba(0,0,0,0.4) ;
}
 text-black-alpha-50:hover {
  color: rgba(0,0,0,0.5) ;
}
 text-black-alpha-60:hover {
  color: rgba(0,0,0,0.6) ;
}
 text-black-alpha-70:hover {
  color: rgba(0,0,0,0.7) ;
}
 text-black-alpha-80:hover {
  color: rgba(0,0,0,0.8) ;
}
 text-black-alpha-90:hover {
  color: rgba(0,0,0,0.9) ;
}

 text-black-alpha-10:focus {
  color: rgba(0,0,0,0.1) ;
}
 text-black-alpha-20:focus {
  color: rgba(0,0,0,0.2) ;
}
 text-black-alpha-30:focus {
  color: rgba(0,0,0,0.3) ;
}
 text-black-alpha-40:focus {
  color: rgba(0,0,0,0.4) ;
}
 text-black-alpha-50:focus {
  color: rgba(0,0,0,0.5) ;
}
 text-black-alpha-60:focus {
  color: rgba(0,0,0,0.6) ;
}
 text-black-alpha-70:focus {
  color: rgba(0,0,0,0.7) ;
}
 text-black-alpha-80:focus {
  color: rgba(0,0,0,0.8) ;
}
 text-black-alpha-90:focus {
  color: rgba(0,0,0,0.9) ;
}

  text-black-alpha-10:active {
  color: rgba(0,0,0,0.1) ;
}
  text-black-alpha-20:active {
  color: rgba(0,0,0,0.2) ;
}
  text-black-alpha-30:active {
  color: rgba(0,0,0,0.3) ;
}
  text-black-alpha-40:active {
  color: rgba(0,0,0,0.4) ;
}
  text-black-alpha-50:active {
  color: rgba(0,0,0,0.5) ;
}
  text-black-alpha-60:active {
  color: rgba(0,0,0,0.6) ;
}
  text-black-alpha-70:active {
  color: rgba(0,0,0,0.7) ;
}
  text-black-alpha-80:active {
  color: rgba(0,0,0,0.8) ;
}
  text-black-alpha-90:active {
  color: rgba(0,0,0,0.9) ;
}

.text-primary {
  color:  @primary-color ;
}

 text-primary:hover {
  color:  @primary-color ;
}

.bg-primary {
  background-color:  @primary-color ;
  color:  @primary-color-textn ;
}

 bg-primary:hover {
  background-color:  @primary-color ;
  color:  @primary-color-textn ;
}

.border-primary {
  border-color:  @primary-color ;
}

 border-primary:hover {
  border-color:  @primary-color ;
}

.bg-primary-reverse {
  background-color:  @primary-color-textn ;
  color:  @primary-color ;
}

 bg-primary-reverse:hover {
  background-color:  @primary-color-textn ;
  color:  @primary-color ;
}

.text-white {
  color: #ffffff ;
}

 text-white:hover {
  color: #ffffff ;
}

.bg-white {
  background-color: #ffffff ;
}

 bg-white:hover {
  background-color: #ffffff ;
}

.border-white {
  border-color: #ffffff ;
}

 border-white:hover {
  border-color: #ffffff ;
}

.surface-ground {
  background-color:  @surface-ground;
}

.surface-section {
  background-color:  @surface-section;
}

.surface-card {
  background-color:  @surface-card;
}

.surface-overlay {
  background-color:  @surface-overlay;
}

.surface-border {
  border-color:  @surface-border;
}

.surface-hover {
  border-color:  @surface-hover;
}

.field {
  margin-bottom: 1rem;
}

.field > label {
  display: inline-block;
  margin-bottom: 0.5rem;
}

.field.grid > label {
  display: flex;
  align-items: center;
}

.field > small {
  margin-top: 0.25rem;
}

.field.grid,
.formgrid.grid {
  margin-top: 0;
}

.field.grid .col-fixed,
.formgrid.grid .col-fixed,
.field.grid .col,
.formgrid.grid .col,
.field.grid .col-1,
.formgrid.grid .col-1,
.field.grid .col-2,
.formgrid.grid .col-2,
.field.grid .col-3,
.formgrid.grid .col-3,
.field.grid .col-4,
.formgrid.grid .col-4,
.field.grid .col-5,
.formgrid.grid .col-5,
.field.grid .col-6,
.formgrid.grid .col-6,
.field.grid .col-7,
.formgrid.grid .col-7,
.field.grid .col-8,
.formgrid.grid .col-8,
.field.grid .col-9,
.formgrid.grid .col-9,
.field.grid .col-10,
.formgrid.grid .col-10,
.field.grid .col-11,
.formgrid.grid .col-11,
.field.grid .col-12,
.formgrid.grid .col-12 {
  padding-top: 0;
  padding-bottom: 0;
}

.formgroup-inline {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}

.formgroup-inline .field,
.formgroup-inline .field-checkbox,
.formgroup-inline .field-radiobutton {
  margin-right: 1rem;
}

.formgroup-inline .field > label,
.formgroup-inline .field-checkbox > label,
.formgroup-inline .field-radiobutton > label {
  margin-right: 0.5rem;
  margin-bottom: 0;
}

.field-checkbox,
.field-radiobutton {
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
}

.field-checkbox > label,
.field-radiobutton > label {
  margin-left: 0.5rem;
  line-height: 1;
}

.hidden {
  display: none ;
}

.block {
  display: block ;
}

.inline {
  display: inline ;
}

.inline-block {
  display: inline-block ;
}

.flex {
  display: flex ;
}

.inline-flex {
  display: inline-flex ;
}

@media screen and (min-width: 576px) {
  .sm hidden {
    display: none ;
  }
  .sm block {
    display: block ;
  }
  .sm inline {
    display: inline ;
  }
  .sm inline-block {
    display: inline-block ;
  }
  .sm flex {
    display: flex ;
  }
  .sm inline-flex {
    display: inline-flex ;
  }
}
@media screen and (min-width: 768px) {
  .md hidden {
    display: none ;
  }
  .md block {
    display: block ;
  }
  .md inline {
    display: inline ;
  }
  .md inline-block {
    display: inline-block ;
  }
  .md flex {
    display: flex ;
  }
  .md inline-flex {
    display: inline-flex ;
  }
}
@media screen and (min-width: 992px) {
  .lg hidden {
    display: none ;
  }
  .lg block {
    display: block ;
  }
  .lg inline {
    display: inline ;
  }
  .lg inline-block {
    display: inline-block ;
  }
  .lg flex {
    display: flex ;
  }
  .lg inline-flex {
    display: inline-flex ;
  }
}
@media screen and (min-width: 1200px) {
  .xl hidden {
    display: none ;
  }
  .xl block {
    display: block ;
  }
  .xl inline {
    display: inline ;
  }
  .xl inline-block {
    display: inline-block ;
  }
  .xl flex {
    display: flex ;
  }
  .xl inline-flex {
    display: inline-flex ;
  }
}
.text-center {
  text-align: center ;
}

.text-justify {
  text-align: justify ;
}

.text-left {
  text-align: left ;
}

.text-right {
  text-align: right ;
}

@media screen and (min-width: 576px) {
  .sm text-center {
    text-align: center ;
  }
  .sm text-justify {
    text-align: justify ;
  }
  .sm text-left {
    text-align: left ;
  }
  .sm text-right {
    text-align: right ;
  }
}
@media screen and (min-width: 768px) {
  .md text-center {
    text-align: center ;
  }
  .md text-justify {
    text-align: justify ;
  }
  .md text-left {
    text-align: left ;
  }
  .md text-right {
    text-align: right ;
  }
}
@media screen and (min-width: 992px) {
  .lg text-center {
    text-align: center ;
  }
  .lg text-justify {
    text-align: justify ;
  }
  .lg text-left {
    text-align: left ;
  }
  .lg text-right {
    text-align: right ;
  }
}
@media screen and (min-width: 1200px) {
  .xl text-center {
    text-align: center ;
  }
  .xl text-justify {
    text-align: justify ;
  }
  .xl text-left {
    text-align: left ;
  }
  .xl text-right {
    text-align: right ;
  }
}
.underline {
  text-decoration: underline ;
}

.line-through {
  text-decoration: line-through ;
}

.no-underline {
  text-decoration: none ;
}

.lowercase {
  text-transform: lowercase ;
}

.uppercase {
  text-transform: uppercase ;
}

.capitalize {
  text-transform: capitalize ;
}

.text-overflow-clip {
  text-overflow: clip ;
}

.text-overflow-ellipsis {
  text-overflow: ellipsis ;
}

@media screen and (min-width: 576px) {
  .sm text-overflow-clip {
    text-overflow: clip ;
  }
  .sm text-overflow-ellipsis {
    text-overflow: ellipsis ;
  }
}
@media screen and (min-width: 768px) {
  .md text-overflow-clip {
    text-overflow: clip ;
  }
  .md text-overflow-ellipsis {
    text-overflow: ellipsis ;
  }
}
@media screen and (min-width: 992px) {
  .lg text-overflow-clip {
    text-overflow: clip ;
  }
  .lg text-overflow-ellipsis {
    text-overflow: ellipsis ;
  }
}
@media screen and (min-width: 1200px) {
  .xl text-overflow-clip {
    text-overflow: clip ;
  }
  .xl text-overflow-ellipsis {
    text-overflow: ellipsis ;
  }
}
.font-light {
  font-weight: 300 ;
}

.font-normal {
  font-weight: 400 ;
}

.font-medium {
  font-weight: 500 ;
}

.font-semibold {
  font-weight: 600 ;
}

.font-bold {
  font-weight: 700 ;
}

@media screen and (min-width: 576px) {
  .sm font-light {
    font-weight: 300 ;
  }
  .sm font-normal {
    font-weight: 400 ;
  }
  .sm font-medium {
    font-weight: 500 ;
  }
  .sm font-semibold {
    font-weight: 600 ;
  }
  .sm font-bold {
    font-weight: 700 ;
  }
}
@media screen and (min-width: 768px) {
  .md font-light {
    font-weight: 300 ;
  }
  .md font-normal {
    font-weight: 400 ;
  }
  .md font-medium {
    font-weight: 500 ;
  }
  .md font-semibold {
    font-weight: 600 ;
  }
  .md font-bold {
    font-weight: 700 ;
  }
}
@media screen and (min-width: 992px) {
  .lg font-light {
    font-weight: 300 ;
  }
  .lg font-normal {
    font-weight: 400 ;
  }
  .lg font-medium {
    font-weight: 500 ;
  }
  .lg font-semibold {
    font-weight: 600 ;
  }
  .lg font-bold {
    font-weight: 700 ;
  }
}
@media screen and (min-width: 1200px) {
  .xl font-light {
    font-weight: 300 ;
  }
  .xl font-normal {
    font-weight: 400 ;
  }
  .xl font-medium {
    font-weight: 500 ;
  }
  .xl font-semibold {
    font-weight: 600 ;
  }
  .xl font-bold {
    font-weight: 700 ;
  }
}
.font-italic {
  font-style: italic ;
}

.text-xs {
  font-size: 0.75rem ;
}

.text-sm {
  font-size: 0.875rem ;
}

.text-base {
  font-size: 1rem ;
}

.text-lg {
  font-size: 1.125rem ;
}

.text-xl {
  font-size: 1.25rem ;
}

.text-2xl {
  font-size: 1.5rem ;
}

.text-3xl {
  font-size: 1.75rem ;
}

.text-4xl {
  font-size: 2rem ;
}

.text-5xl {
  font-size: 2.5rem ;
}

.text-6xl {
  font-size: 3rem ;
}

.text-7xl {
  font-size: 4rem ;
}

.text-8xl {
  font-size: 6rem ;
}

@media screen and (min-width: 576px) {
  .sm text-xs {
    font-size: 0.75rem ;
  }
  .sm text-sm {
    font-size: 0.875rem ;
  }
  .sm text-base {
    font-size: 1rem ;
  }
  .sm text-lg {
    font-size: 1.125rem ;
  }
  .sm text-xl {
    font-size: 1.25rem ;
  }
  .sm text-2xl {
    font-size: 1.5rem ;
  }
  .sm text-3xl {
    font-size: 1.75rem ;
  }
  .sm text-4xl {
    font-size: 2rem ;
  }
  .sm text-5xl {
    font-size: 2.5rem ;
  }
  .sm text-6xl {
    font-size: 3rem ;
  }
  .sm text-7xl {
    font-size: 4rem ;
  }
  .sm text-8xl {
    font-size: 6rem ;
  }
}
@media screen and (min-width: 768px) {
  .md text-xs {
    font-size: 0.75rem ;
  }
  .md text-sm {
    font-size: 0.875rem ;
  }
  .md text-base {
    font-size: 1rem ;
  }
  .md text-lg {
    font-size: 1.125rem ;
  }
  .md text-xl {
    font-size: 1.25rem ;
  }
  .md text-2xl {
    font-size: 1.5rem ;
  }
  .md text-3xl {
    font-size: 1.75rem ;
  }
  .md text-4xl {
    font-size: 2rem ;
  }
  .md text-5xl {
    font-size: 2.5rem ;
  }
  .md text-6xl {
    font-size: 3rem ;
  }
  .md text-7xl {
    font-size: 4rem ;
  }
  .md text-8xl {
    font-size: 6rem ;
  }
}
@media screen and (min-width: 992px) {
  .lg text-xs {
    font-size: 0.75rem ;
  }
  .lg text-sm {
    font-size: 0.875rem ;
  }
  .lg text-base {
    font-size: 1rem ;
  }
  .lg text-lg {
    font-size: 1.125rem ;
  }
  .lg text-xl {
    font-size: 1.25rem ;
  }
  .lg text-2xl {
    font-size: 1.5rem ;
  }
  .lg text-3xl {
    font-size: 1.75rem ;
  }
  .lg text-4xl {
    font-size: 2rem ;
  }
  .lg text-5xl {
    font-size: 2.5rem ;
  }
  .lg text-6xl {
    font-size: 3rem ;
  }
  .lg text-7xl {
    font-size: 4rem ;
  }
  .lg text-8xl {
    font-size: 6rem ;
  }
}
@media screen and (min-width: 1200px) {
  .xl text-xs {
    font-size: 0.75rem ;
  }
  .xl text-sm {
    font-size: 0.875rem ;
  }
  .xl text-base {
    font-size: 1rem ;
  }
  .xl text-lg {
    font-size: 1.125rem ;
  }
  .xl text-xl {
    font-size: 1.25rem ;
  }
  .xl text-2xl {
    font-size: 1.5rem ;
  }
  .xl text-3xl {
    font-size: 1.75rem ;
  }
  .xl text-4xl {
    font-size: 2rem ;
  }
  .xl text-5xl {
    font-size: 2.5rem ;
  }
  .xl text-6xl {
    font-size: 3rem ;
  }
  .xl text-7xl {
    font-size: 4rem ;
  }
  .xl text-8xl {
    font-size: 6rem ;
  }
}
.line-height-1 {
  line-height: 1 ;
}

.line-height-2 {
  line-height: 1.25 ;
}

.line-height-3 {
  line-height: 1.5 ;
}

.line-height-4 {
  line-height: 2 ;
}

.white-space-normal {
  white-space: normal ;
}

.white-space-nowrap {
  white-space: nowrap ;
}

.flex-row {
  flex-direction: row ;
}

.flex-row-reverse {
  flex-direction: row-reverse ;
}

.flex-column {
  flex-direction: column ;
}

.flex-column-reverse {
  flex-direction: column-reverse ;
}

@media screen and (min-width: 576px) {
  .sm flex-row {
    flex-direction: row ;
  }
  .sm flex-row-reverse {
    flex-direction: row-reverse ;
  }
  .sm flex-column {
    flex-direction: column ;
  }
  .sm flex-column-reverse {
    flex-direction: column-reverse ;
  }
}
@media screen and (min-width: 768px) {
  .md flex-row {
    flex-direction: row ;
  }
  .md flex-row-reverse {
    flex-direction: row-reverse ;
  }
  .md flex-column {
    flex-direction: column ;
  }
  .md flex-column-reverse {
    flex-direction: column-reverse ;
  }
}
@media screen and (min-width: 992px) {
  .lg flex-row {
    flex-direction: row ;
  }
  .lg flex-row-reverse {
    flex-direction: row-reverse ;
  }
  .lg flex-column {
    flex-direction: column ;
  }
  .lg flex-column-reverse {
    flex-direction: column-reverse ;
  }
}
@media screen and (min-width: 1200px) {
  .xl flex-row {
    flex-direction: row ;
  }
  .xl flex-row-reverse {
    flex-direction: row-reverse ;
  }
  .xl flex-column {
    flex-direction: column ;
  }
  .xl flex-column-reverse {
    flex-direction: column-reverse ;
  }
}
.flex-wrap {
  flex-wrap: wrap ;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse ;
}

.flex-nowrap {
  flex-wrap: nowrap ;
}

@media screen and (min-width: 576px) {
  .sm flex-wrap {
    flex-wrap: wrap ;
  }
  .sm flex-wrap-reverse {
    flex-wrap: wrap-reverse ;
  }
  .sm flex-nowrap {
    flex-wrap: nowrap ;
  }
}
@media screen and (min-width: 768px) {
  .md flex-wrap {
    flex-wrap: wrap ;
  }
  .md flex-wrap-reverse {
    flex-wrap: wrap-reverse ;
  }
  .md flex-nowrap {
    flex-wrap: nowrap ;
  }
}
@media screen and (min-width: 992px) {
  .lg flex-wrap {
    flex-wrap: wrap ;
  }
  .lg flex-wrap-reverse {
    flex-wrap: wrap-reverse ;
  }
  .lg flex-nowrap {
    flex-wrap: nowrap ;
  }
}
@media screen and (min-width: 1200px) {
  .xl flex-wrap {
    flex-wrap: wrap ;
  }
  .xl flex-wrap-reverse {
    flex-wrap: wrap-reverse ;
  }
  .xl flex-nowrap {
    flex-wrap: nowrap ;
  }
}
.justify-content-start {
  justify-content: flex-start ;
}

.justify-content-end {
  justify-content: flex-end ;
}

.justify-content-center {
  justify-content: center ;
}

.justify-content-between {
  justify-content: space-between ;
}

.justify-content-around {
  justify-content: space-around ;
}

.justify-content-evenly {
  justify-content: space-evenly ;
}

@media screen and (min-width: 576px) {
  .sm justify-content-start {
    justify-content: flex-start ;
  }
  .sm justify-content-end {
    justify-content: flex-end ;
  }
  .sm justify-content-center {
    justify-content: center ;
  }
  .sm justify-content-between {
    justify-content: space-between ;
  }
  .sm justify-content-around {
    justify-content: space-around ;
  }
  .sm justify-content-evenly {
    justify-content: space-evenly ;
  }
}
@media screen and (min-width: 768px) {
  .md justify-content-start {
    justify-content: flex-start ;
  }
  .md justify-content-end {
    justify-content: flex-end ;
  }
  .md justify-content-center {
    justify-content: center ;
  }
  .md justify-content-between {
    justify-content: space-between ;
  }
  .md justify-content-around {
    justify-content: space-around ;
  }
  .md justify-content-evenly {
    justify-content: space-evenly ;
  }
}
@media screen and (min-width: 992px) {
  .lg justify-content-start {
    justify-content: flex-start ;
  }
  .lg justify-content-end {
    justify-content: flex-end ;
  }
  .lg justify-content-center {
    justify-content: center ;
  }
  .lg justify-content-between {
    justify-content: space-between ;
  }
  .lg justify-content-around {
    justify-content: space-around ;
  }
  .lg justify-content-evenly {
    justify-content: space-evenly ;
  }
}
@media screen and (min-width: 1200px) {
  .xl justify-content-start {
    justify-content: flex-start ;
  }
  .xl justify-content-end {
    justify-content: flex-end ;
  }
  .xl justify-content-center {
    justify-content: center ;
  }
  .xl justify-content-between {
    justify-content: space-between ;
  }
  .xl justify-content-around {
    justify-content: space-around ;
  }
  .xl justify-content-evenly {
    justify-content: space-evenly ;
  }
}
.align-content-start {
  align-content: flex-start ;
}

.align-content-end {
  align-content: flex-end ;
}

.align-content-center {
  align-content: center ;
}

.align-content-between {
  align-content: space-between ;
}

.align-content-around {
  align-content: space-around ;
}

.align-content-evenly {
  align-content: space-evenly ;
}

@media screen and (min-width: 576px) {
  .sm align-content-start {
    align-content: flex-start ;
  }
  .sm align-content-end {
    align-content: flex-end ;
  }
  .sm align-content-center {
    align-content: center ;
  }
  .sm align-content-between {
    align-content: space-between ;
  }
  .sm align-content-around {
    align-content: space-around ;
  }
  .sm align-content-evenly {
    align-content: space-evenly ;
  }
}
@media screen and (min-width: 768px) {
  .md align-content-start {
    align-content: flex-start ;
  }
  .md align-content-end {
    align-content: flex-end ;
  }
  .md align-content-center {
    align-content: center ;
  }
  .md align-content-between {
    align-content: space-between ;
  }
  .md align-content-around {
    align-content: space-around ;
  }
  .md align-content-evenly {
    align-content: space-evenly ;
  }
}
@media screen and (min-width: 992px) {
  .lg align-content-start {
    align-content: flex-start ;
  }
  .lg align-content-end {
    align-content: flex-end ;
  }
  .lg align-content-center {
    align-content: center ;
  }
  .lg align-content-between {
    align-content: space-between ;
  }
  .lg align-content-around {
    align-content: space-around ;
  }
  .lg align-content-evenly {
    align-content: space-evenly ;
  }
}
@media screen and (min-width: 1200px) {
  .xl align-content-start {
    align-content: flex-start ;
  }
  .xl align-content-end {
    align-content: flex-end ;
  }
  .xl align-content-center {
    align-content: center ;
  }
  .xl align-content-between {
    align-content: space-between ;
  }
  .xl align-content-around {
    align-content: space-around ;
  }
  .xl align-content-evenly {
    align-content: space-evenly ;
  }
}
.align-items-stretch {
  align-items: stretch ;
}

.align-items-start {
  align-items: flex-start ;
}

.align-items-center {
  align-items: center ;
}

.align-items-end {
  align-items: flex-end ;
}

.align-items-baseline {
  align-items: baseline ;
}

@media screen and (min-width: 576px) {
  .sm align-items-stretch {
    align-items: stretch ;
  }
  .sm align-items-start {
    align-items: flex-start ;
  }
  .sm align-items-center {
    align-items: center ;
  }
  .sm align-items-end {
    align-items: flex-end ;
  }
  .sm align-items-baseline {
    align-items: baseline ;
  }
}
@media screen and (min-width: 768px) {
  .md align-items-stretch {
    align-items: stretch ;
  }
  .md align-items-start {
    align-items: flex-start ;
  }
  .md align-items-center {
    align-items: center ;
  }
  .md align-items-end {
    align-items: flex-end ;
  }
  .md align-items-baseline {
    align-items: baseline ;
  }
}
@media screen and (min-width: 992px) {
  .lg align-items-stretch {
    align-items: stretch ;
  }
  .lg align-items-start {
    align-items: flex-start ;
  }
  .lg align-items-center {
    align-items: center ;
  }
  .lg align-items-end {
    align-items: flex-end ;
  }
  .lg align-items-baseline {
    align-items: baseline ;
  }
}
@media screen and (min-width: 1200px) {
  .xl align-items-stretch {
    align-items: stretch ;
  }
  .xl align-items-start {
    align-items: flex-start ;
  }
  .xl align-items-center {
    align-items: center ;
  }
  .xl align-items-end {
    align-items: flex-end ;
  }
  .xl align-items-baseline {
    align-items: baseline ;
  }
}
.align-self-auto {
  align-self: auto ;
}

.align-self-start {
  align-self: flex-start ;
}

.align-self-end {
  align-self: flex-end ;
}

.align-self-center {
  align-self: center ;
}

.align-self-stretch {
  align-self: stretch ;
}

.align-self-baseline {
  align-self: baseline ;
}

@media screen and (min-width: 576px) {
  .sm align-self-auto {
    align-self: auto ;
  }
  .sm align-self-start {
    align-self: flex-start ;
  }
  .sm align-self-end {
    align-self: flex-end ;
  }
  .sm align-self-center {
    align-self: center ;
  }
  .sm align-self-stretch {
    align-self: stretch ;
  }
  .sm align-self-baseline {
    align-self: baseline ;
  }
}
@media screen and (min-width: 768px) {
  .md align-self-auto {
    align-self: auto ;
  }
  .md align-self-start {
    align-self: flex-start ;
  }
  .md align-self-end {
    align-self: flex-end ;
  }
  .md align-self-center {
    align-self: center ;
  }
  .md align-self-stretch {
    align-self: stretch ;
  }
  .md align-self-baseline {
    align-self: baseline ;
  }
}
@media screen and (min-width: 992px) {
  .lg align-self-auto {
    align-self: auto ;
  }
  .lg align-self-start {
    align-self: flex-start ;
  }
  .lg align-self-end {
    align-self: flex-end ;
  }
  .lg align-self-center {
    align-self: center ;
  }
  .lg align-self-stretch {
    align-self: stretch ;
  }
  .lg align-self-baseline {
    align-self: baseline ;
  }
}
@media screen and (min-width: 1200px) {
  .xl align-self-auto {
    align-self: auto ;
  }
  .xl align-self-start {
    align-self: flex-start ;
  }
  .xl align-self-end {
    align-self: flex-end ;
  }
  .xl align-self-center {
    align-self: center ;
  }
  .xl align-self-stretch {
    align-self: stretch ;
  }
  .xl align-self-baseline {
    align-self: baseline ;
  }
}
.flex-order-0 {
  order: 0 ;
}

.flex-order-1 {
  order: 1 ;
}

.flex-order-2 {
  order: 2 ;
}

.flex-order-3 {
  order: 3 ;
}

.flex-order-4 {
  order: 4 ;
}

.flex-order-5 {
  order: 5 ;
}

.flex-order-6 {
  order: 6 ;
}

@media screen and (min-width: 576px) {
  .sm flex-order-0 {
    order: 0 ;
  }
  .sm flex-order-1 {
    order: 1 ;
  }
  .sm flex-order-2 {
    order: 2 ;
  }
  .sm flex-order-3 {
    order: 3 ;
  }
  .sm flex-order-4 {
    order: 4 ;
  }
  .sm flex-order-5 {
    order: 5 ;
  }
  .sm flex-order-6 {
    order: 6 ;
  }
}
@media screen and (min-width: 768px) {
  .md flex-order-0 {
    order: 0 ;
  }
  .md flex-order-1 {
    order: 1 ;
  }
  .md flex-order-2 {
    order: 2 ;
  }
  .md flex-order-3 {
    order: 3 ;
  }
  .md flex-order-4 {
    order: 4 ;
  }
  .md flex-order-5 {
    order: 5 ;
  }
  .md flex-order-6 {
    order: 6 ;
  }
}
@media screen and (min-width: 992px) {
  .lg flex-order-0 {
    order: 0 ;
  }
  .lg flex-order-1 {
    order: 1 ;
  }
  .lg flex-order-2 {
    order: 2 ;
  }
  .lg flex-order-3 {
    order: 3 ;
  }
  .lg flex-order-4 {
    order: 4 ;
  }
  .lg flex-order-5 {
    order: 5 ;
  }
  .lg flex-order-6 {
    order: 6 ;
  }
}
@media screen and (min-width: 1200px) {
  .xl flex-order-0 {
    order: 0 ;
  }
  .xl flex-order-1 {
    order: 1 ;
  }
  .xl flex-order-2 {
    order: 2 ;
  }
  .xl flex-order-3 {
    order: 3 ;
  }
  .xl flex-order-4 {
    order: 4 ;
  }
  .xl flex-order-5 {
    order: 5 ;
  }
  .xl flex-order-6 {
    order: 6 ;
  }
}
.flex-1 {
  flex: 1 1 0% ;
}

.flex-auto {
  flex: 1 1 auto ;
}

.flex-initial {
  flex: 0 1 auto ;
}

.flex-none {
  flex: none ;
}

@media screen and (min-width: 576px) {
  .sm flex-1 {
    flex: 1 1 0% ;
  }
  .sm flex-auto {
    flex: 1 1 auto ;
  }
  .sm flex-initial {
    flex: 0 1 auto ;
  }
  .sm flex-none {
    flex: none ;
  }
}
@media screen and (min-width: 768px) {
  .md flex-1 {
    flex: 1 1 0% ;
  }
  .md flex-auto {
    flex: 1 1 auto ;
  }
  .md flex-initial {
    flex: 0 1 auto ;
  }
  .md flex-none {
    flex: none ;
  }
}
@media screen and (min-width: 992px) {
  .lg flex-1 {
    flex: 1 1 0% ;
  }
  .lg flex-auto {
    flex: 1 1 auto ;
  }
  .lg flex-initial {
    flex: 0 1 auto ;
  }
  .lg flex-none {
    flex: none ;
  }
}
@media screen and (min-width: 1200px) {
  .xl flex-1 {
    flex: 1 1 0% ;
  }
  .xl flex-auto {
    flex: 1 1 auto ;
  }
  .xl flex-initial {
    flex: 0 1 auto ;
  }
  .xl flex-none {
    flex: none ;
  }
}
.flex-grow-0 {
  flex-grow: 0 ;
}

.flex-grow-1 {
  flex-grow: 1 ;
}

@media screen and (min-width: 576px) {
  .sm flex-grow-0 {
    flex-grow: 0 ;
  }
  .sm flex-grow-1 {
    flex-grow: 1 ;
  }
}
@media screen and (min-width: 768px) {
  .md flex-grow-0 {
    flex-grow: 0 ;
  }
  .md flex-grow-1 {
    flex-grow: 1 ;
  }
}
@media screen and (min-width: 992px) {
  .lg flex-grow-0 {
    flex-grow: 0 ;
  }
  .lg flex-grow-1 {
    flex-grow: 1 ;
  }
}
@media screen and (min-width: 1200px) {
  .xl flex-grow-0 {
    flex-grow: 0 ;
  }
  .xl flex-grow-1 {
    flex-grow: 1 ;
  }
}
.flex-shrink-0 {
  flex-shrink: 0 ;
}

.flex-shrink-1 {
  flex-shrink: 1 ;
}

@media screen and (min-width: 576px) {
  .sm flex-shrink-0 {
    flex-shrink: 0 ;
  }
  .sm flex-shrink-1 {
    flex-shrink: 1 ;
  }
}
@media screen and (min-width: 768px) {
  .md flex-shrink-0 {
    flex-shrink: 0 ;
  }
  .md flex-shrink-1 {
    flex-shrink: 1 ;
  }
}
@media screen and (min-width: 992px) {
  .lg flex-shrink-0 {
    flex-shrink: 0 ;
  }
  .lg flex-shrink-1 {
    flex-shrink: 1 ;
  }
}
@media screen and (min-width: 1200px) {
  .xl flex-shrink-0 {
    flex-shrink: 0 ;
  }
  .xl flex-shrink-1 {
    flex-shrink: 1 ;
  }
}
.p-0 {
  padding: 0rem ;
}

.p-1 {
  padding: 0.25rem ;
}

.p-2 {
  padding: 0.5rem ;
}

.p-3 {
  padding: 1rem ;
}

.p-4 {
  padding: 1.5rem ;
}

.p-5 {
  padding: 2rem ;
}

.p-6 {
  padding: 3rem ;
}

.p-7 {
  padding: 4rem ;
}

.p-8 {
  padding: 5rem ;
}

.pt-0 {
  padding-top: 0rem ;
}

.pt-1 {
  padding-top: 0.25rem ;
}

.pt-2 {
  padding-top: 0.5rem ;
}

.pt-3 {
  padding-top: 1rem ;
}

.pt-4 {
  padding-top: 1.5rem ;
}

.pt-5 {
  padding-top: 2rem ;
}

.pt-6 {
  padding-top: 3rem ;
}

.pt-7 {
  padding-top: 4rem ;
}

.pt-8 {
  padding-top: 5rem ;
}

.pr-0 {
  padding-right: 0rem ;
}

.pr-1 {
  padding-right: 0.25rem ;
}

.pr-2 {
  padding-right: 0.5rem ;
}

.pr-3 {
  padding-right: 1rem ;
}

.pr-4 {
  padding-right: 1.5rem ;
}

.pr-5 {
  padding-right: 2rem ;
}

.pr-6 {
  padding-right: 3rem ;
}

.pr-7 {
  padding-right: 4rem ;
}

.pr-8 {
  padding-right: 5rem ;
}

.pl-0 {
  padding-left: 0rem ;
}

.pl-1 {
  padding-left: 0.25rem ;
}

.pl-2 {
  padding-left: 0.5rem ;
}

.pl-3 {
  padding-left: 1rem ;
}

.pl-4 {
  padding-left: 1.5rem ;
}

.pl-5 {
  padding-left: 2rem ;
}

.pl-6 {
  padding-left: 3rem ;
}

.pl-7 {
  padding-left: 4rem ;
}

.pl-8 {
  padding-left: 5rem ;
}

.pb-0 {
  padding-bottom: 0rem ;
}

.pb-1 {
  padding-bottom: 0.25rem ;
}

.pb-2 {
  padding-bottom: 0.5rem ;
}

.pb-3 {
  padding-bottom: 1rem ;
}

.pb-4 {
  padding-bottom: 1.5rem ;
}

.pb-5 {
  padding-bottom: 2rem ;
}

.pb-6 {
  padding-bottom: 3rem ;
}

.pb-7 {
  padding-bottom: 4rem ;
}

.pb-8 {
  padding-bottom: 5rem ;
}

.px-0 {
  padding-left: 0rem ;
  padding-right: 0rem ;
}

.px-1 {
  padding-left: 0.25rem ;
  padding-right: 0.25rem ;
}

.px-2 {
  padding-left: 0.5rem ;
  padding-right: 0.5rem ;
}

.px-3 {
  padding-left: 1rem ;
  padding-right: 1rem ;
}

.px-4 {
  padding-left: 1.5rem ;
  padding-right: 1.5rem ;
}

.px-5 {
  padding-left: 2rem ;
  padding-right: 2rem ;
}

.px-6 {
  padding-left: 3rem ;
  padding-right: 3rem ;
}

.px-7 {
  padding-left: 4rem ;
  padding-right: 4rem ;
}

.px-8 {
  padding-left: 5rem ;
  padding-right: 5rem ;
}

.py-0 {
  padding-top: 0rem ;
  padding-bottom: 0rem ;
}

.py-1 {
  padding-top: 0.25rem ;
  padding-bottom: 0.25rem ;
}

.py-2 {
  padding-top: 0.5rem ;
  padding-bottom: 0.5rem ;
}

.py-3 {
  padding-top: 1rem ;
  padding-bottom: 1rem ;
}

.py-4 {
  padding-top: 1.5rem ;
  padding-bottom: 1.5rem ;
}

.py-5 {
  padding-top: 2rem ;
  padding-bottom: 2rem ;
}

.py-6 {
  padding-top: 3rem ;
  padding-bottom: 3rem ;
}

.py-7 {
  padding-top: 4rem ;
  padding-bottom: 4rem ;
}

.py-8 {
  padding-top: 5rem ;
  padding-bottom: 5rem ;
}

@media screen and (min-width: 576px) {
  .sm p-0 {
    padding: 0rem ;
  }

  .sm p-1 {
    padding: 0.25rem ;
  }

  .sm p-2 {
    padding: 0.5rem ;
  }

  .sm p-3 {
    padding: 1rem ;
  }

  .sm p-4 {
    padding: 1.5rem ;
  }

  .sm p-5 {
    padding: 2rem ;
  }

  .sm p-6 {
    padding: 3rem ;
  }

  .sm p-7 {
    padding: 4rem ;
  }

  .sm p-8 {
    padding: 5rem ;
  }

  .sm pt-0 {
    padding-top: 0rem ;
  }

  .sm pt-1 {
    padding-top: 0.25rem ;
  }

  .sm pt-2 {
    padding-top: 0.5rem ;
  }

  .sm pt-3 {
    padding-top: 1rem ;
  }

  .sm pt-4 {
    padding-top: 1.5rem ;
  }

  .sm pt-5 {
    padding-top: 2rem ;
  }

  .sm pt-6 {
    padding-top: 3rem ;
  }

  .sm pt-7 {
    padding-top: 4rem ;
  }

  .sm pt-8 {
    padding-top: 5rem ;
  }

  .sm pr-0 {
    padding-right: 0rem ;
  }

  .sm pr-1 {
    padding-right: 0.25rem ;
  }

  .sm pr-2 {
    padding-right: 0.5rem ;
  }

  .sm pr-3 {
    padding-right: 1rem ;
  }

  .sm pr-4 {
    padding-right: 1.5rem ;
  }

  .sm pr-5 {
    padding-right: 2rem ;
  }

  .sm pr-6 {
    padding-right: 3rem ;
  }

  .sm pr-7 {
    padding-right: 4rem ;
  }

  .sm pr-8 {
    padding-right: 5rem ;
  }

  .sm pl-0 {
    padding-left: 0rem ;
  }

  .sm pl-1 {
    padding-left: 0.25rem ;
  }

  .sm pl-2 {
    padding-left: 0.5rem ;
  }

  .sm pl-3 {
    padding-left: 1rem ;
  }

  .sm pl-4 {
    padding-left: 1.5rem ;
  }

  .sm pl-5 {
    padding-left: 2rem ;
  }

  .sm pl-6 {
    padding-left: 3rem ;
  }

  .sm pl-7 {
    padding-left: 4rem ;
  }

  .sm pl-8 {
    padding-left: 5rem ;
  }

  .sm pb-0 {
    padding-bottom: 0rem ;
  }

  .sm pb-1 {
    padding-bottom: 0.25rem ;
  }

  .sm pb-2 {
    padding-bottom: 0.5rem ;
  }

  .sm pb-3 {
    padding-bottom: 1rem ;
  }

  .sm pb-4 {
    padding-bottom: 1.5rem ;
  }

  .sm pb-5 {
    padding-bottom: 2rem ;
  }

  .sm pb-6 {
    padding-bottom: 3rem ;
  }

  .sm pb-7 {
    padding-bottom: 4rem ;
  }

  .sm pb-8 {
    padding-bottom: 5rem ;
  }

  .sm px-0 {
    padding-left: 0rem ;
    padding-right: 0rem ;
  }

  .sm px-1 {
    padding-left: 0.25rem ;
    padding-right: 0.25rem ;
  }

  .sm px-2 {
    padding-left: 0.5rem ;
    padding-right: 0.5rem ;
  }

  .sm px-3 {
    padding-left: 1rem ;
    padding-right: 1rem ;
  }

  .sm px-4 {
    padding-left: 1.5rem ;
    padding-right: 1.5rem ;
  }

  .sm px-5 {
    padding-left: 2rem ;
    padding-right: 2rem ;
  }

  .sm px-6 {
    padding-left: 3rem ;
    padding-right: 3rem ;
  }

  .sm px-7 {
    padding-left: 4rem ;
    padding-right: 4rem ;
  }

  .sm px-8 {
    padding-left: 5rem ;
    padding-right: 5rem ;
  }

  .sm py-0 {
    padding-top: 0rem ;
    padding-bottom: 0rem ;
  }

  .sm py-1 {
    padding-top: 0.25rem ;
    padding-bottom: 0.25rem ;
  }

  .sm py-2 {
    padding-top: 0.5rem ;
    padding-bottom: 0.5rem ;
  }

  .sm py-3 {
    padding-top: 1rem ;
    padding-bottom: 1rem ;
  }

  .sm py-4 {
    padding-top: 1.5rem ;
    padding-bottom: 1.5rem ;
  }

  .sm py-5 {
    padding-top: 2rem ;
    padding-bottom: 2rem ;
  }

  .sm py-6 {
    padding-top: 3rem ;
    padding-bottom: 3rem ;
  }

  .sm py-7 {
    padding-top: 4rem ;
    padding-bottom: 4rem ;
  }

  .sm py-8 {
    padding-top: 5rem ;
    padding-bottom: 5rem ;
  }
}
@media screen and (min-width: 768px) {
  .md p-0 {
    padding: 0rem ;
  }

  .md p-1 {
    padding: 0.25rem ;
  }

  .md p-2 {
    padding: 0.5rem ;
  }

  .md p-3 {
    padding: 1rem ;
  }

  .md p-4 {
    padding: 1.5rem ;
  }

  .md p-5 {
    padding: 2rem ;
  }

  .md p-6 {
    padding: 3rem ;
  }

  .md p-7 {
    padding: 4rem ;
  }

  .md p-8 {
    padding: 5rem ;
  }

  .md pt-0 {
    padding-top: 0rem ;
  }

  .md pt-1 {
    padding-top: 0.25rem ;
  }

  .md pt-2 {
    padding-top: 0.5rem ;
  }

  .md pt-3 {
    padding-top: 1rem ;
  }

  .md pt-4 {
    padding-top: 1.5rem ;
  }

  .md pt-5 {
    padding-top: 2rem ;
  }

  .md pt-6 {
    padding-top: 3rem ;
  }

  .md pt-7 {
    padding-top: 4rem ;
  }

  .md pt-8 {
    padding-top: 5rem ;
  }

  .md pr-0 {
    padding-right: 0rem ;
  }

  .md pr-1 {
    padding-right: 0.25rem ;
  }

  .md pr-2 {
    padding-right: 0.5rem ;
  }

  .md pr-3 {
    padding-right: 1rem ;
  }

  .md pr-4 {
    padding-right: 1.5rem ;
  }

  .md pr-5 {
    padding-right: 2rem ;
  }

  .md pr-6 {
    padding-right: 3rem ;
  }

  .md pr-7 {
    padding-right: 4rem ;
  }

  .md pr-8 {
    padding-right: 5rem ;
  }

  .md pl-0 {
    padding-left: 0rem ;
  }

  .md pl-1 {
    padding-left: 0.25rem ;
  }

  .md pl-2 {
    padding-left: 0.5rem ;
  }

  .md pl-3 {
    padding-left: 1rem ;
  }

  .md pl-4 {
    padding-left: 1.5rem ;
  }

  .md pl-5 {
    padding-left: 2rem ;
  }

  .md pl-6 {
    padding-left: 3rem ;
  }

  .md pl-7 {
    padding-left: 4rem ;
  }

  .md pl-8 {
    padding-left: 5rem ;
  }

  .md pb-0 {
    padding-bottom: 0rem ;
  }

  .md pb-1 {
    padding-bottom: 0.25rem ;
  }

  .md pb-2 {
    padding-bottom: 0.5rem ;
  }

  .md pb-3 {
    padding-bottom: 1rem ;
  }

  .md pb-4 {
    padding-bottom: 1.5rem ;
  }

  .md pb-5 {
    padding-bottom: 2rem ;
  }

  .md pb-6 {
    padding-bottom: 3rem ;
  }

  .md pb-7 {
    padding-bottom: 4rem ;
  }

  .md pb-8 {
    padding-bottom: 5rem ;
  }

  .md px-0 {
    padding-left: 0rem ;
    padding-right: 0rem ;
  }

  .md px-1 {
    padding-left: 0.25rem ;
    padding-right: 0.25rem ;
  }

  .md px-2 {
    padding-left: 0.5rem ;
    padding-right: 0.5rem ;
  }

  .md px-3 {
    padding-left: 1rem ;
    padding-right: 1rem ;
  }

  .md px-4 {
    padding-left: 1.5rem ;
    padding-right: 1.5rem ;
  }

  .md px-5 {
    padding-left: 2rem ;
    padding-right: 2rem ;
  }

  .md px-6 {
    padding-left: 3rem ;
    padding-right: 3rem ;
  }

  .md px-7 {
    padding-left: 4rem ;
    padding-right: 4rem ;
  }

  .md px-8 {
    padding-left: 5rem ;
    padding-right: 5rem ;
  }

  .md py-0 {
    padding-top: 0rem ;
    padding-bottom: 0rem ;
  }

  .md py-1 {
    padding-top: 0.25rem ;
    padding-bottom: 0.25rem ;
  }

  .md py-2 {
    padding-top: 0.5rem ;
    padding-bottom: 0.5rem ;
  }

  .md py-3 {
    padding-top: 1rem ;
    padding-bottom: 1rem ;
  }

  .md py-4 {
    padding-top: 1.5rem ;
    padding-bottom: 1.5rem ;
  }

  .md py-5 {
    padding-top: 2rem ;
    padding-bottom: 2rem ;
  }

  .md py-6 {
    padding-top: 3rem ;
    padding-bottom: 3rem ;
  }

  .md py-7 {
    padding-top: 4rem ;
    padding-bottom: 4rem ;
  }

  .md py-8 {
    padding-top: 5rem ;
    padding-bottom: 5rem ;
  }
}
@media screen and (min-width: 992px) {
  .lg p-0 {
    padding: 0rem ;
  }

  .lg p-1 {
    padding: 0.25rem ;
  }

  .lg p-2 {
    padding: 0.5rem ;
  }

  .lg p-3 {
    padding: 1rem ;
  }

  .lg p-4 {
    padding: 1.5rem ;
  }

  .lg p-5 {
    padding: 2rem ;
  }

  .lg p-6 {
    padding: 3rem ;
  }

  .lg p-7 {
    padding: 4rem ;
  }

  .lg p-8 {
    padding: 5rem ;
  }

  .lg pt-0 {
    padding-top: 0rem ;
  }

  .lg pt-1 {
    padding-top: 0.25rem ;
  }

  .lg pt-2 {
    padding-top: 0.5rem ;
  }

  .lg pt-3 {
    padding-top: 1rem ;
  }

  .lg pt-4 {
    padding-top: 1.5rem ;
  }

  .lg pt-5 {
    padding-top: 2rem ;
  }

  .lg pt-6 {
    padding-top: 3rem ;
  }

  .lg pt-7 {
    padding-top: 4rem ;
  }

  .lg pt-8 {
    padding-top: 5rem ;
  }

  .lg pr-0 {
    padding-right: 0rem ;
  }

  .lg pr-1 {
    padding-right: 0.25rem ;
  }

  .lg pr-2 {
    padding-right: 0.5rem ;
  }

  .lg pr-3 {
    padding-right: 1rem ;
  }

  .lg pr-4 {
    padding-right: 1.5rem ;
  }

  .lg pr-5 {
    padding-right: 2rem ;
  }

  .lg pr-6 {
    padding-right: 3rem ;
  }

  .lg pr-7 {
    padding-right: 4rem ;
  }

  .lg pr-8 {
    padding-right: 5rem ;
  }

  .lg pl-0 {
    padding-left: 0rem ;
  }

  .lg pl-1 {
    padding-left: 0.25rem ;
  }

  .lg pl-2 {
    padding-left: 0.5rem ;
  }

  .lg pl-3 {
    padding-left: 1rem ;
  }

  .lg pl-4 {
    padding-left: 1.5rem ;
  }

  .lg pl-5 {
    padding-left: 2rem ;
  }

  .lg pl-6 {
    padding-left: 3rem ;
  }

  .lg pl-7 {
    padding-left: 4rem ;
  }

  .lg pl-8 {
    padding-left: 5rem ;
  }

  .lg pb-0 {
    padding-bottom: 0rem ;
  }

  .lg pb-1 {
    padding-bottom: 0.25rem ;
  }

  .lg pb-2 {
    padding-bottom: 0.5rem ;
  }

  .lg pb-3 {
    padding-bottom: 1rem ;
  }

  .lg pb-4 {
    padding-bottom: 1.5rem ;
  }

  .lg pb-5 {
    padding-bottom: 2rem ;
  }

  .lg pb-6 {
    padding-bottom: 3rem ;
  }

  .lg pb-7 {
    padding-bottom: 4rem ;
  }

  .lg pb-8 {
    padding-bottom: 5rem ;
  }

  .lg px-0 {
    padding-left: 0rem ;
    padding-right: 0rem ;
  }

  .lg px-1 {
    padding-left: 0.25rem ;
    padding-right: 0.25rem ;
  }

  .lg px-2 {
    padding-left: 0.5rem ;
    padding-right: 0.5rem ;
  }

  .lg px-3 {
    padding-left: 1rem ;
    padding-right: 1rem ;
  }

  .lg px-4 {
    padding-left: 1.5rem ;
    padding-right: 1.5rem ;
  }

  .lg px-5 {
    padding-left: 2rem ;
    padding-right: 2rem ;
  }

  .lg px-6 {
    padding-left: 3rem ;
    padding-right: 3rem ;
  }

  .lg px-7 {
    padding-left: 4rem ;
    padding-right: 4rem ;
  }

  .lg px-8 {
    padding-left: 5rem ;
    padding-right: 5rem ;
  }

  .lg py-0 {
    padding-top: 0rem ;
    padding-bottom: 0rem ;
  }

  .lg py-1 {
    padding-top: 0.25rem ;
    padding-bottom: 0.25rem ;
  }

  .lg py-2 {
    padding-top: 0.5rem ;
    padding-bottom: 0.5rem ;
  }

  .lg py-3 {
    padding-top: 1rem ;
    padding-bottom: 1rem ;
  }

  .lg py-4 {
    padding-top: 1.5rem ;
    padding-bottom: 1.5rem ;
  }

  .lg py-5 {
    padding-top: 2rem ;
    padding-bottom: 2rem ;
  }

  .lg py-6 {
    padding-top: 3rem ;
    padding-bottom: 3rem ;
  }

  .lg py-7 {
    padding-top: 4rem ;
    padding-bottom: 4rem ;
  }

  .lg py-8 {
    padding-top: 5rem ;
    padding-bottom: 5rem ;
  }
}
@media screen and (min-width: 1200px) {
  .xl p-0 {
    padding: 0rem ;
  }

  .xl p-1 {
    padding: 0.25rem ;
  }

  .xl p-2 {
    padding: 0.5rem ;
  }

  .xl p-3 {
    padding: 1rem ;
  }

  .xl p-4 {
    padding: 1.5rem ;
  }

  .xl p-5 {
    padding: 2rem ;
  }

  .xl p-6 {
    padding: 3rem ;
  }

  .xl p-7 {
    padding: 4rem ;
  }

  .xl p-8 {
    padding: 5rem ;
  }

  .xl pt-0 {
    padding-top: 0rem ;
  }

  .xl pt-1 {
    padding-top: 0.25rem ;
  }

  .xl pt-2 {
    padding-top: 0.5rem ;
  }

  .xl pt-3 {
    padding-top: 1rem ;
  }

  .xl pt-4 {
    padding-top: 1.5rem ;
  }

  .xl pt-5 {
    padding-top: 2rem ;
  }

  .xl pt-6 {
    padding-top: 3rem ;
  }

  .xl pt-7 {
    padding-top: 4rem ;
  }

  .xl pt-8 {
    padding-top: 5rem ;
  }

  .xl pr-0 {
    padding-right: 0rem ;
  }

  .xl pr-1 {
    padding-right: 0.25rem ;
  }

  .xl pr-2 {
    padding-right: 0.5rem ;
  }

  .xl pr-3 {
    padding-right: 1rem ;
  }

  .xl pr-4 {
    padding-right: 1.5rem ;
  }

  .xl pr-5 {
    padding-right: 2rem ;
  }

  .xl pr-6 {
    padding-right: 3rem ;
  }

  .xl pr-7 {
    padding-right: 4rem ;
  }

  .xl pr-8 {
    padding-right: 5rem ;
  }

  .xl pl-0 {
    padding-left: 0rem ;
  }

  .xl pl-1 {
    padding-left: 0.25rem ;
  }

  .xl pl-2 {
    padding-left: 0.5rem ;
  }

  .xl pl-3 {
    padding-left: 1rem ;
  }

  .xl pl-4 {
    padding-left: 1.5rem ;
  }

  .xl pl-5 {
    padding-left: 2rem ;
  }

  .xl pl-6 {
    padding-left: 3rem ;
  }

  .xl pl-7 {
    padding-left: 4rem ;
  }

  .xl pl-8 {
    padding-left: 5rem ;
  }

  .xl pb-0 {
    padding-bottom: 0rem ;
  }

  .xl pb-1 {
    padding-bottom: 0.25rem ;
  }

  .xl pb-2 {
    padding-bottom: 0.5rem ;
  }

  .xl pb-3 {
    padding-bottom: 1rem ;
  }

  .xl pb-4 {
    padding-bottom: 1.5rem ;
  }

  .xl pb-5 {
    padding-bottom: 2rem ;
  }

  .xl pb-6 {
    padding-bottom: 3rem ;
  }

  .xl pb-7 {
    padding-bottom: 4rem ;
  }

  .xl pb-8 {
    padding-bottom: 5rem ;
  }

  .xl px-0 {
    padding-left: 0rem ;
    padding-right: 0rem ;
  }

  .xl px-1 {
    padding-left: 0.25rem ;
    padding-right: 0.25rem ;
  }

  .xl px-2 {
    padding-left: 0.5rem ;
    padding-right: 0.5rem ;
  }

  .xl px-3 {
    padding-left: 1rem ;
    padding-right: 1rem ;
  }

  .xl px-4 {
    padding-left: 1.5rem ;
    padding-right: 1.5rem ;
  }

  .xl px-5 {
    padding-left: 2rem ;
    padding-right: 2rem ;
  }

  .xl px-6 {
    padding-left: 3rem ;
    padding-right: 3rem ;
  }

  .xl px-7 {
    padding-left: 4rem ;
    padding-right: 4rem ;
  }

  .xl px-8 {
    padding-left: 5rem ;
    padding-right: 5rem ;
  }

  .xl py-0 {
    padding-top: 0rem ;
    padding-bottom: 0rem ;
  }

  .xl py-1 {
    padding-top: 0.25rem ;
    padding-bottom: 0.25rem ;
  }

  .xl py-2 {
    padding-top: 0.5rem ;
    padding-bottom: 0.5rem ;
  }

  .xl py-3 {
    padding-top: 1rem ;
    padding-bottom: 1rem ;
  }

  .xl py-4 {
    padding-top: 1.5rem ;
    padding-bottom: 1.5rem ;
  }

  .xl py-5 {
    padding-top: 2rem ;
    padding-bottom: 2rem ;
  }

  .xl py-6 {
    padding-top: 3rem ;
    padding-bottom: 3rem ;
  }

  .xl py-7 {
    padding-top: 4rem ;
    padding-bottom: 4rem ;
  }

  .xl py-8 {
    padding-top: 5rem ;
    padding-bottom: 5rem ;
  }
}
.m-0 {
  margin: 0rem ;
}

.m-1 {
  margin: 0.25rem ;
}

.m-2 {
  margin: 0.5rem ;
}

.m-3 {
  margin: 1rem ;
}

.m-4 {
  margin: 1.5rem ;
}

.m-5 {
  margin: 2rem ;
}

.m-6 {
  margin: 3rem ;
}

.m-7 {
  margin: 4rem ;
}

.m-8 {
  margin: 5rem ;
}

.m-1 {
  margin:  0.25rem ;
}

.m-2 {
  margin:  0.5rem ;
}

.m-3 {
  margin:  1rem ;
}

.m-4 {
  margin:  1.5rem ;
}

.m-5 {
  margin:  2rem ;
}

.m-6 {
  margin:  3rem ;
}

.m-7 {
  margin:  4rem ;
}

.m-8 {
  margin:  5rem ;
}

.m-auto {
  margin: auto ;
}

.mt-0 {
  margin-top: 0rem ;
}

.mt-1 {
  margin-top: 0.25rem ;
}

.mt-2 {
  margin-top: 0.5rem ;
}

.mt-3 {
  margin-top: 1rem ;
}

.mt-4 {
  margin-top: 1.5rem ;
}

.mt-5 {
  margin-top: 2rem ;
}

.mt-6 {
  margin-top: 3rem ;
}

.mt-7 {
  margin-top: 4rem ;
}

.mt-8 {
  margin-top: 5rem ;
}

.mt-1 {
  margin-top:  0.25rem ;
}

.mt-2 {
  margin-top:  0.5rem ;
}

.mt-3 {
  margin-top:  1rem ;
}

.mt-4 {
  margin-top:  1.5rem ;
}

.mt-5 {
  margin-top:  2rem ;
}

.mt-6 {
  margin-top:  3rem ;
}

.mt-7 {
  margin-top:  4rem ;
}

.mt-8 {
  margin-top:  5rem ;
}

.mt-auto {
  margin-top: auto ;
}

.mr-0 {
  margin-right: 0rem ;
}

.mr-1 {
  margin-right: 0.25rem ;
}

.mr-2 {
  margin-right: 0.5rem ;
}

.mr-3 {
  margin-right: 1rem ;
}

.mr-4 {
  margin-right: 1.5rem ;
}

.mr-5 {
  margin-right: 2rem ;
}

.mr-6 {
  margin-right: 3rem ;
}

.mr-7 {
  margin-right: 4rem ;
}

.mr-8 {
  margin-right: 5rem ;
}

.mr-1 {
  margin-right:  0.25rem ;
}

.mr-2 {
  margin-right:  0.5rem ;
}

.mr-3 {
  margin-right:  1rem ;
}

.mr-4 {
  margin-right:  1.5rem ;
}

.mr-5 {
  margin-right:  2rem ;
}

.mr-6 {
  margin-right:  3rem ;
}

.mr-7 {
  margin-right:  4rem ;
}

.mr-8 {
  margin-right:  5rem ;
}

.mr-auto {
  margin-right: auto ;
}

.ml-0 {
  margin-left: 0rem ;
}

.ml-1 {
  margin-left: 0.25rem ;
}

.ml-2 {
  margin-left: 0.5rem ;
}

.ml-3 {
  margin-left: 1rem ;
}

.ml-4 {
  margin-left: 1.5rem ;
}

.ml-5 {
  margin-left: 2rem ;
}

.ml-6 {
  margin-left: 3rem ;
}

.ml-7 {
  margin-left: 4rem ;
}

.ml-8 {
  margin-left: 5rem ;
}

.ml-1 {
  margin-left:  0.25rem ;
}

.ml-2 {
  margin-left:  0.5rem ;
}

.ml-3 {
  margin-left:  1rem ;
}

.ml-4 {
  margin-left:  1.5rem ;
}

.ml-5 {
  margin-left:  2rem ;
}

.ml-6 {
  margin-left:  3rem ;
}

.ml-7 {
  margin-left:  4rem ;
}

.ml-8 {
  margin-left:  5rem ;
}

.ml-auto {
  margin-left: auto ;
}

.mb-0 {
  margin-bottom: 0rem ;
}

.mb-1 {
  margin-bottom: 0.25rem ;
}

.mb-2 {
  margin-bottom: 0.5rem ;
}

.mb-3 {
  margin-bottom: 1rem ;
}

.mb-4 {
  margin-bottom: 1.5rem ;
}

.mb-5 {
  margin-bottom: 2rem ;
}

.mb-6 {
  margin-bottom: 3rem ;
}

.mb-7 {
  margin-bottom: 4rem ;
}

.mb-8 {
  margin-bottom: 5rem ;
}

.mb-1 {
  margin-bottom:  0.25rem ;
}

.mb-2 {
  margin-bottom:  0.5rem ;
}

.mb-3 {
  margin-bottom:  1rem ;
}

.mb-4 {
  margin-bottom:  1.5rem ;
}

.mb-5 {
  margin-bottom:  2rem ;
}

.mb-6 {
  margin-bottom:  3rem ;
}

.mb-7 {
  margin-bottom:  4rem ;
}

.mb-8 {
  margin-bottom:  5rem ;
}

.mb-auto {
  margin-bottom: auto ;
}

.mx-0 {
  margin-left: 0rem ;
  margin-right: 0rem ;
}

.mx-1 {
  margin-left: 0.25rem ;
  margin-right: 0.25rem ;
}

.mx-2 {
  margin-left: 0.5rem ;
  margin-right: 0.5rem ;
}

.mx-3 {
  margin-left: 1rem ;
  margin-right: 1rem ;
}

.mx-4 {
  margin-left: 1.5rem ;
  margin-right: 1.5rem ;
}

.mx-5 {
  margin-left: 2rem ;
  margin-right: 2rem ;
}

.mx-6 {
  margin-left: 3rem ;
  margin-right: 3rem ;
}

.mx-7 {
  margin-left: 4rem ;
  margin-right: 4rem ;
}

.mx-8 {
  margin-left: 5rem ;
  margin-right: 5rem ;
}

.mx-1 {
  margin-left:  0.25rem ;
  margin-right:  0.25rem ;
}

.mx-2 {
  margin-left:  0.5rem ;
  margin-right:  0.5rem ;
}

.mx-3 {
  margin-left:  1rem ;
  margin-right:  1rem ;
}

.mx-4 {
  margin-left:  1.5rem ;
  margin-right:  1.5rem ;
}

.mx-5 {
  margin-left:  2rem ;
  margin-right:  2rem ;
}

.mx-6 {
  margin-left:  3rem ;
  margin-right:  3rem ;
}

.mx-7 {
  margin-left:  4rem ;
  margin-right:  4rem ;
}

.mx-8 {
  margin-left:  5rem ;
  margin-right:  5rem ;
}

.mx-auto {
  margin-left: auto ;
  margin-right: auto ;
}

.my-0 {
  margin-top: 0rem ;
  margin-bottom: 0rem ;
}

.my-1 {
  margin-top: 0.25rem ;
  margin-bottom: 0.25rem ;
}

.my-2 {
  margin-top: 0.5rem ;
  margin-bottom: 0.5rem ;
}

.my-3 {
  margin-top: 1rem ;
  margin-bottom: 1rem ;
}

.my-4 {
  margin-top: 1.5rem ;
  margin-bottom: 1.5rem ;
}

.my-5 {
  margin-top: 2rem ;
  margin-bottom: 2rem ;
}

.my-6 {
  margin-top: 3rem ;
  margin-bottom: 3rem ;
}

.my-7 {
  margin-top: 4rem ;
  margin-bottom: 4rem ;
}

.my-8 {
  margin-top: 5rem ;
  margin-bottom: 5rem ;
}

.my-1 {
  margin-top:  0.25rem ;
  margin-bottom:  0.25rem ;
}

.my-2 {
  margin-top:  0.5rem ;
  margin-bottom:  0.5rem ;
}

.my-3 {
  margin-top:  1rem ;
  margin-bottom:  1rem ;
}

.my-4 {
  margin-top:  1.5rem ;
  margin-bottom:  1.5rem ;
}

.my-5 {
  margin-top:  2rem ;
  margin-bottom:  2rem ;
}

.my-6 {
  margin-top:  3rem ;
  margin-bottom:  3rem ;
}

.my-7 {
  margin-top:  4rem ;
  margin-bottom:  4rem ;
}

.my-8 {
  margin-top:  5rem ;
  margin-bottom:  5rem ;
}

.my-auto {
  margin-top: auto ;
  margin-bottom: auto ;
}

@media screen and (min-width: 576px) {
  .sm m-0 {
    margin: 0rem ;
  }

  .sm m-1 {
    margin: 0.25rem ;
  }

  .sm m-2 {
    margin: 0.5rem ;
  }

  .sm m-3 {
    margin: 1rem ;
  }

  .sm m-4 {
    margin: 1.5rem ;
  }

  .sm m-5 {
    margin: 2rem ;
  }

  .sm m-6 {
    margin: 3rem ;
  }

  .sm m-7 {
    margin: 4rem ;
  }

  .sm m-8 {
    margin: 5rem ;
  }

  .sm  m-1 {
    margin:  0.25rem ;
  }

  .sm  m-2 {
    margin:  0.5rem ;
  }

  .sm  m-3 {
    margin:  1rem ;
  }

  .sm  m-4 {
    margin:  1.5rem ;
  }

  .sm  m-5 {
    margin:  2rem ;
  }

  .sm  m-6 {
    margin:  3rem ;
  }

  .sm  m-7 {
    margin:  4rem ;
  }

  .sm  m-8 {
    margin:  5rem ;
  }

  .sm m-auto {
    margin: auto ;
  }

  .sm mt-0 {
    margin-top: 0rem ;
  }

  .sm mt-1 {
    margin-top: 0.25rem ;
  }

  .sm mt-2 {
    margin-top: 0.5rem ;
  }

  .sm mt-3 {
    margin-top: 1rem ;
  }

  .sm mt-4 {
    margin-top: 1.5rem ;
  }

  .sm mt-5 {
    margin-top: 2rem ;
  }

  .sm mt-6 {
    margin-top: 3rem ;
  }

  .sm mt-7 {
    margin-top: 4rem ;
  }

  .sm mt-8 {
    margin-top: 5rem ;
  }

  .sm  mt-1 {
    margin-top:  0.25rem ;
  }

  .sm  mt-2 {
    margin-top:  0.5rem ;
  }

  .sm  mt-3 {
    margin-top:  1rem ;
  }

  .sm  mt-4 {
    margin-top:  1.5rem ;
  }

  .sm  mt-5 {
    margin-top:  2rem ;
  }

  .sm  mt-6 {
    margin-top:  3rem ;
  }

  .sm  mt-7 {
    margin-top:  4rem ;
  }

  .sm  mt-8 {
    margin-top:  5rem ;
  }

  .sm mt-auto {
    margin-top: auto ;
  }

  .sm mr-0 {
    margin-right: 0rem ;
  }

  .sm mr-1 {
    margin-right: 0.25rem ;
  }

  .sm mr-2 {
    margin-right: 0.5rem ;
  }

  .sm mr-3 {
    margin-right: 1rem ;
  }

  .sm mr-4 {
    margin-right: 1.5rem ;
  }

  .sm mr-5 {
    margin-right: 2rem ;
  }

  .sm mr-6 {
    margin-right: 3rem ;
  }

  .sm mr-7 {
    margin-right: 4rem ;
  }

  .sm mr-8 {
    margin-right: 5rem ;
  }

  .sm  mr-1 {
    margin-right:  0.25rem ;
  }

  .sm  mr-2 {
    margin-right:  0.5rem ;
  }

  .sm  mr-3 {
    margin-right:  1rem ;
  }

  .sm  mr-4 {
    margin-right:  1.5rem ;
  }

  .sm  mr-5 {
    margin-right:  2rem ;
  }

  .sm  mr-6 {
    margin-right:  3rem ;
  }

  .sm  mr-7 {
    margin-right:  4rem ;
  }

  .sm  mr-8 {
    margin-right:  5rem ;
  }

  .sm mr-auto {
    margin-right: auto ;
  }

  .sm ml-0 {
    margin-left: 0rem ;
  }

  .sm ml-1 {
    margin-left: 0.25rem ;
  }

  .sm ml-2 {
    margin-left: 0.5rem ;
  }

  .sm ml-3 {
    margin-left: 1rem ;
  }

  .sm ml-4 {
    margin-left: 1.5rem ;
  }

  .sm ml-5 {
    margin-left: 2rem ;
  }

  .sm ml-6 {
    margin-left: 3rem ;
  }

  .sm ml-7 {
    margin-left: 4rem ;
  }

  .sm ml-8 {
    margin-left: 5rem ;
  }

  .sm  ml-1 {
    margin-left:  0.25rem ;
  }

  .sm  ml-2 {
    margin-left:  0.5rem ;
  }

  .sm  ml-3 {
    margin-left:  1rem ;
  }

  .sm  ml-4 {
    margin-left:  1.5rem ;
  }

  .sm  ml-5 {
    margin-left:  2rem ;
  }

  .sm  ml-6 {
    margin-left:  3rem ;
  }

  .sm  ml-7 {
    margin-left:  4rem ;
  }

  .sm  ml-8 {
    margin-left:  5rem ;
  }

  .sm ml-auto {
    margin-left: auto ;
  }

  .sm mb-0 {
    margin-bottom: 0rem ;
  }

  .sm mb-1 {
    margin-bottom: 0.25rem ;
  }

  .sm mb-2 {
    margin-bottom: 0.5rem ;
  }

  .sm mb-3 {
    margin-bottom: 1rem ;
  }

  .sm mb-4 {
    margin-bottom: 1.5rem ;
  }

  .sm mb-5 {
    margin-bottom: 2rem ;
  }

  .sm mb-6 {
    margin-bottom: 3rem ;
  }

  .sm mb-7 {
    margin-bottom: 4rem ;
  }

  .sm mb-8 {
    margin-bottom: 5rem ;
  }

  .sm  mb-1 {
    margin-bottom:  0.25rem ;
  }

  .sm  mb-2 {
    margin-bottom:  0.5rem ;
  }

  .sm  mb-3 {
    margin-bottom:  1rem ;
  }

  .sm  mb-4 {
    margin-bottom:  1.5rem ;
  }

  .sm  mb-5 {
    margin-bottom:  2rem ;
  }

  .sm  mb-6 {
    margin-bottom:  3rem ;
  }

  .sm  mb-7 {
    margin-bottom:  4rem ;
  }

  .sm  mb-8 {
    margin-bottom:  5rem ;
  }

  .sm mb-auto {
    margin-bottom: auto ;
  }

  .sm mx-0 {
    margin-left: 0rem ;
    margin-right: 0rem ;
  }

  .sm mx-1 {
    margin-left: 0.25rem ;
    margin-right: 0.25rem ;
  }

  .sm mx-2 {
    margin-left: 0.5rem ;
    margin-right: 0.5rem ;
  }

  .sm mx-3 {
    margin-left: 1rem ;
    margin-right: 1rem ;
  }

  .sm mx-4 {
    margin-left: 1.5rem ;
    margin-right: 1.5rem ;
  }

  .sm mx-5 {
    margin-left: 2rem ;
    margin-right: 2rem ;
  }

  .sm mx-6 {
    margin-left: 3rem ;
    margin-right: 3rem ;
  }

  .sm mx-7 {
    margin-left: 4rem ;
    margin-right: 4rem ;
  }

  .sm mx-8 {
    margin-left: 5rem ;
    margin-right: 5rem ;
  }

  .sm  mx-1 {
    margin-left:  0.25rem ;
    margin-right:  0.25rem ;
  }

  .sm  mx-2 {
    margin-left:  0.5rem ;
    margin-right:  0.5rem ;
  }

  .sm  mx-3 {
    margin-left:  1rem ;
    margin-right:  1rem ;
  }

  .sm  mx-4 {
    margin-left:  1.5rem ;
    margin-right:  1.5rem ;
  }

  .sm  mx-5 {
    margin-left:  2rem ;
    margin-right:  2rem ;
  }

  .sm  mx-6 {
    margin-left:  3rem ;
    margin-right:  3rem ;
  }

  .sm  mx-7 {
    margin-left:  4rem ;
    margin-right:  4rem ;
  }

  .sm  mx-8 {
    margin-left:  5rem ;
    margin-right:  5rem ;
  }

  .sm mx-auto {
    margin-left: auto ;
    margin-right: auto ;
  }

  .sm my-0 {
    margin-top: 0rem ;
    margin-bottom: 0rem ;
  }

  .sm my-1 {
    margin-top: 0.25rem ;
    margin-bottom: 0.25rem ;
  }

  .sm my-2 {
    margin-top: 0.5rem ;
    margin-bottom: 0.5rem ;
  }

  .sm my-3 {
    margin-top: 1rem ;
    margin-bottom: 1rem ;
  }

  .sm my-4 {
    margin-top: 1.5rem ;
    margin-bottom: 1.5rem ;
  }

  .sm my-5 {
    margin-top: 2rem ;
    margin-bottom: 2rem ;
  }

  .sm my-6 {
    margin-top: 3rem ;
    margin-bottom: 3rem ;
  }

  .sm my-7 {
    margin-top: 4rem ;
    margin-bottom: 4rem ;
  }

  .sm my-8 {
    margin-top: 5rem ;
    margin-bottom: 5rem ;
  }

  .sm  my-1 {
    margin-top:  0.25rem ;
    margin-bottom:  0.25rem ;
  }

  .sm  my-2 {
    margin-top:  0.5rem ;
    margin-bottom:  0.5rem ;
  }

  .sm  my-3 {
    margin-top:  1rem ;
    margin-bottom:  1rem ;
  }

  .sm  my-4 {
    margin-top:  1.5rem ;
    margin-bottom:  1.5rem ;
  }

  .sm  my-5 {
    margin-top:  2rem ;
    margin-bottom:  2rem ;
  }

  .sm  my-6 {
    margin-top:  3rem ;
    margin-bottom:  3rem ;
  }

  .sm  my-7 {
    margin-top:  4rem ;
    margin-bottom:  4rem ;
  }

  .sm  my-8 {
    margin-top:  5rem ;
    margin-bottom:  5rem ;
  }

  .sm my-auto {
    margin-top: auto ;
    margin-bottom: auto ;
  }
}
@media screen and (min-width: 768px) {
  .md m-0 {
    margin: 0rem ;
  }

  .md m-1 {
    margin: 0.25rem ;
  }

  .md m-2 {
    margin: 0.5rem ;
  }

  .md m-3 {
    margin: 1rem ;
  }

  .md m-4 {
    margin: 1.5rem ;
  }

  .md m-5 {
    margin: 2rem ;
  }

  .md m-6 {
    margin: 3rem ;
  }

  .md m-7 {
    margin: 4rem ;
  }

  .md m-8 {
    margin: 5rem ;
  }

  .md  m-1 {
    margin:  0.25rem ;
  }

  .md  m-2 {
    margin:  0.5rem ;
  }

  .md  m-3 {
    margin:  1rem ;
  }

  .md  m-4 {
    margin:  1.5rem ;
  }

  .md  m-5 {
    margin:  2rem ;
  }

  .md  m-6 {
    margin:  3rem ;
  }

  .md  m-7 {
    margin:  4rem ;
  }

  .md  m-8 {
    margin:  5rem ;
  }

  .md m-auto {
    margin: auto ;
  }

  .md mt-0 {
    margin-top: 0rem ;
  }

  .md mt-1 {
    margin-top: 0.25rem ;
  }

  .md mt-2 {
    margin-top: 0.5rem ;
  }

  .md mt-3 {
    margin-top: 1rem ;
  }

  .md mt-4 {
    margin-top: 1.5rem ;
  }

  .md mt-5 {
    margin-top: 2rem ;
  }

  .md mt-6 {
    margin-top: 3rem ;
  }

  .md mt-7 {
    margin-top: 4rem ;
  }

  .md mt-8 {
    margin-top: 5rem ;
  }

  .md  mt-1 {
    margin-top:  0.25rem ;
  }

  .md  mt-2 {
    margin-top:  0.5rem ;
  }

  .md  mt-3 {
    margin-top:  1rem ;
  }

  .md  mt-4 {
    margin-top:  1.5rem ;
  }

  .md  mt-5 {
    margin-top:  2rem ;
  }

  .md  mt-6 {
    margin-top:  3rem ;
  }

  .md  mt-7 {
    margin-top:  4rem ;
  }

  .md  mt-8 {
    margin-top:  5rem ;
  }

  .md mt-auto {
    margin-top: auto ;
  }

  .md mr-0 {
    margin-right: 0rem ;
  }

  .md mr-1 {
    margin-right: 0.25rem ;
  }

  .md mr-2 {
    margin-right: 0.5rem ;
  }

  .md mr-3 {
    margin-right: 1rem ;
  }

  .md mr-4 {
    margin-right: 1.5rem ;
  }

  .md mr-5 {
    margin-right: 2rem ;
  }

  .md mr-6 {
    margin-right: 3rem ;
  }

  .md mr-7 {
    margin-right: 4rem ;
  }

  .md mr-8 {
    margin-right: 5rem ;
  }

  .md  mr-1 {
    margin-right:  0.25rem ;
  }

  .md  mr-2 {
    margin-right:  0.5rem ;
  }

  .md  mr-3 {
    margin-right:  1rem ;
  }

  .md  mr-4 {
    margin-right:  1.5rem ;
  }

  .md  mr-5 {
    margin-right:  2rem ;
  }

  .md  mr-6 {
    margin-right:  3rem ;
  }

  .md  mr-7 {
    margin-right:  4rem ;
  }

  .md  mr-8 {
    margin-right:  5rem ;
  }

  .md mr-auto {
    margin-right: auto ;
  }

  .md ml-0 {
    margin-left: 0rem ;
  }

  .md ml-1 {
    margin-left: 0.25rem ;
  }

  .md ml-2 {
    margin-left: 0.5rem ;
  }

  .md ml-3 {
    margin-left: 1rem ;
  }

  .md ml-4 {
    margin-left: 1.5rem ;
  }

  .md ml-5 {
    margin-left: 2rem ;
  }

  .md ml-6 {
    margin-left: 3rem ;
  }

  .md ml-7 {
    margin-left: 4rem ;
  }

  .md ml-8 {
    margin-left: 5rem ;
  }

  .md  ml-1 {
    margin-left:  0.25rem ;
  }

  .md  ml-2 {
    margin-left:  0.5rem ;
  }

  .md  ml-3 {
    margin-left:  1rem ;
  }

  .md  ml-4 {
    margin-left:  1.5rem ;
  }

  .md  ml-5 {
    margin-left:  2rem ;
  }

  .md  ml-6 {
    margin-left:  3rem ;
  }

  .md  ml-7 {
    margin-left:  4rem ;
  }

  .md  ml-8 {
    margin-left:  5rem ;
  }

  .md ml-auto {
    margin-left: auto ;
  }

  .md mb-0 {
    margin-bottom: 0rem ;
  }

  .md mb-1 {
    margin-bottom: 0.25rem ;
  }

  .md mb-2 {
    margin-bottom: 0.5rem ;
  }

  .md mb-3 {
    margin-bottom: 1rem ;
  }

  .md mb-4 {
    margin-bottom: 1.5rem ;
  }

  .md mb-5 {
    margin-bottom: 2rem ;
  }

  .md mb-6 {
    margin-bottom: 3rem ;
  }

  .md mb-7 {
    margin-bottom: 4rem ;
  }

  .md mb-8 {
    margin-bottom: 5rem ;
  }

  .md  mb-1 {
    margin-bottom:  0.25rem ;
  }

  .md  mb-2 {
    margin-bottom:  0.5rem ;
  }

  .md  mb-3 {
    margin-bottom:  1rem ;
  }

  .md  mb-4 {
    margin-bottom:  1.5rem ;
  }

  .md  mb-5 {
    margin-bottom:  2rem ;
  }

  .md  mb-6 {
    margin-bottom:  3rem ;
  }

  .md  mb-7 {
    margin-bottom:  4rem ;
  }

  .md  mb-8 {
    margin-bottom:  5rem ;
  }

  .md mb-auto {
    margin-bottom: auto ;
  }

  .md mx-0 {
    margin-left: 0rem ;
    margin-right: 0rem ;
  }

  .md mx-1 {
    margin-left: 0.25rem ;
    margin-right: 0.25rem ;
  }

  .md mx-2 {
    margin-left: 0.5rem ;
    margin-right: 0.5rem ;
  }

  .md mx-3 {
    margin-left: 1rem ;
    margin-right: 1rem ;
  }

  .md mx-4 {
    margin-left: 1.5rem ;
    margin-right: 1.5rem ;
  }

  .md mx-5 {
    margin-left: 2rem ;
    margin-right: 2rem ;
  }

  .md mx-6 {
    margin-left: 3rem ;
    margin-right: 3rem ;
  }

  .md mx-7 {
    margin-left: 4rem ;
    margin-right: 4rem ;
  }

  .md mx-8 {
    margin-left: 5rem ;
    margin-right: 5rem ;
  }

  .md  mx-1 {
    margin-left:  0.25rem ;
    margin-right:  0.25rem ;
  }

  .md  mx-2 {
    margin-left:  0.5rem ;
    margin-right:  0.5rem ;
  }

  .md  mx-3 {
    margin-left:  1rem ;
    margin-right:  1rem ;
  }

  .md  mx-4 {
    margin-left:  1.5rem ;
    margin-right:  1.5rem ;
  }

  .md  mx-5 {
    margin-left:  2rem ;
    margin-right:  2rem ;
  }

  .md  mx-6 {
    margin-left:  3rem ;
    margin-right:  3rem ;
  }

  .md  mx-7 {
    margin-left:  4rem ;
    margin-right:  4rem ;
  }

  .md  mx-8 {
    margin-left:  5rem ;
    margin-right:  5rem ;
  }

  .md mx-auto {
    margin-left: auto ;
    margin-right: auto ;
  }

  .md my-0 {
    margin-top: 0rem ;
    margin-bottom: 0rem ;
  }

  .md my-1 {
    margin-top: 0.25rem ;
    margin-bottom: 0.25rem ;
  }

  .md my-2 {
    margin-top: 0.5rem ;
    margin-bottom: 0.5rem ;
  }

  .md my-3 {
    margin-top: 1rem ;
    margin-bottom: 1rem ;
  }

  .md my-4 {
    margin-top: 1.5rem ;
    margin-bottom: 1.5rem ;
  }

  .md my-5 {
    margin-top: 2rem ;
    margin-bottom: 2rem ;
  }

  .md my-6 {
    margin-top: 3rem ;
    margin-bottom: 3rem ;
  }

  .md my-7 {
    margin-top: 4rem ;
    margin-bottom: 4rem ;
  }

  .md my-8 {
    margin-top: 5rem ;
    margin-bottom: 5rem ;
  }

  .md  my-1 {
    margin-top:  0.25rem ;
    margin-bottom:  0.25rem ;
  }

  .md  my-2 {
    margin-top:  0.5rem ;
    margin-bottom:  0.5rem ;
  }

  .md  my-3 {
    margin-top:  1rem ;
    margin-bottom:  1rem ;
  }

  .md  my-4 {
    margin-top:  1.5rem ;
    margin-bottom:  1.5rem ;
  }

  .md  my-5 {
    margin-top:  2rem ;
    margin-bottom:  2rem ;
  }

  .md  my-6 {
    margin-top:  3rem ;
    margin-bottom:  3rem ;
  }

  .md  my-7 {
    margin-top:  4rem ;
    margin-bottom:  4rem ;
  }

  .md  my-8 {
    margin-top:  5rem ;
    margin-bottom:  5rem ;
  }

  .md my-auto {
    margin-top: auto ;
    margin-bottom: auto ;
  }
}
@media screen and (min-width: 992px) {
  .lg m-0 {
    margin: 0rem ;
  }

  .lg m-1 {
    margin: 0.25rem ;
  }

  .lg m-2 {
    margin: 0.5rem ;
  }

  .lg m-3 {
    margin: 1rem ;
  }

  .lg m-4 {
    margin: 1.5rem ;
  }

  .lg m-5 {
    margin: 2rem ;
  }

  .lg m-6 {
    margin: 3rem ;
  }

  .lg m-7 {
    margin: 4rem ;
  }

  .lg m-8 {
    margin: 5rem ;
  }

  .lg  m-1 {
    margin:  0.25rem ;
  }

  .lg  m-2 {
    margin:  0.5rem ;
  }

  .lg  m-3 {
    margin:  1rem ;
  }

  .lg  m-4 {
    margin:  1.5rem ;
  }

  .lg  m-5 {
    margin:  2rem ;
  }

  .lg  m-6 {
    margin:  3rem ;
  }

  .lg  m-7 {
    margin:  4rem ;
  }

  .lg  m-8 {
    margin:  5rem ;
  }

  .lg m-auto {
    margin: auto ;
  }

  .lg mt-0 {
    margin-top: 0rem ;
  }

  .lg mt-1 {
    margin-top: 0.25rem ;
  }

  .lg mt-2 {
    margin-top: 0.5rem ;
  }

  .lg mt-3 {
    margin-top: 1rem ;
  }

  .lg mt-4 {
    margin-top: 1.5rem ;
  }

  .lg mt-5 {
    margin-top: 2rem ;
  }

  .lg mt-6 {
    margin-top: 3rem ;
  }

  .lg mt-7 {
    margin-top: 4rem ;
  }

  .lg mt-8 {
    margin-top: 5rem ;
  }

  .lg  mt-1 {
    margin-top:  0.25rem ;
  }

  .lg  mt-2 {
    margin-top:  0.5rem ;
  }

  .lg  mt-3 {
    margin-top:  1rem ;
  }

  .lg  mt-4 {
    margin-top:  1.5rem ;
  }

  .lg  mt-5 {
    margin-top:  2rem ;
  }

  .lg  mt-6 {
    margin-top:  3rem ;
  }

  .lg  mt-7 {
    margin-top:  4rem ;
  }

  .lg  mt-8 {
    margin-top:  5rem ;
  }

  .lg mt-auto {
    margin-top: auto ;
  }

  .lg mr-0 {
    margin-right: 0rem ;
  }

  .lg mr-1 {
    margin-right: 0.25rem ;
  }

  .lg mr-2 {
    margin-right: 0.5rem ;
  }

  .lg mr-3 {
    margin-right: 1rem ;
  }

  .lg mr-4 {
    margin-right: 1.5rem ;
  }

  .lg mr-5 {
    margin-right: 2rem ;
  }

  .lg mr-6 {
    margin-right: 3rem ;
  }

  .lg mr-7 {
    margin-right: 4rem ;
  }

  .lg mr-8 {
    margin-right: 5rem ;
  }

  .lg  mr-1 {
    margin-right:  0.25rem ;
  }

  .lg  mr-2 {
    margin-right:  0.5rem ;
  }

  .lg  mr-3 {
    margin-right:  1rem ;
  }

  .lg  mr-4 {
    margin-right:  1.5rem ;
  }

  .lg  mr-5 {
    margin-right:  2rem ;
  }

  .lg  mr-6 {
    margin-right:  3rem ;
  }

  .lg  mr-7 {
    margin-right:  4rem ;
  }

  .lg  mr-8 {
    margin-right:  5rem ;
  }

  .lg mr-auto {
    margin-right: auto ;
  }

  .lg ml-0 {
    margin-left: 0rem ;
  }

  .lg ml-1 {
    margin-left: 0.25rem ;
  }

  .lg ml-2 {
    margin-left: 0.5rem ;
  }

  .lg ml-3 {
    margin-left: 1rem ;
  }

  .lg ml-4 {
    margin-left: 1.5rem ;
  }

  .lg ml-5 {
    margin-left: 2rem ;
  }

  .lg ml-6 {
    margin-left: 3rem ;
  }

  .lg ml-7 {
    margin-left: 4rem ;
  }

  .lg ml-8 {
    margin-left: 5rem ;
  }

  .lg  ml-1 {
    margin-left:  0.25rem ;
  }

  .lg  ml-2 {
    margin-left:  0.5rem ;
  }

  .lg  ml-3 {
    margin-left:  1rem ;
  }

  .lg  ml-4 {
    margin-left:  1.5rem ;
  }

  .lg  ml-5 {
    margin-left:  2rem ;
  }

  .lg  ml-6 {
    margin-left:  3rem ;
  }

  .lg  ml-7 {
    margin-left:  4rem ;
  }

  .lg  ml-8 {
    margin-left:  5rem ;
  }

  .lg ml-auto {
    margin-left: auto ;
  }

  .lg mb-0 {
    margin-bottom: 0rem ;
  }

  .lg mb-1 {
    margin-bottom: 0.25rem ;
  }

  .lg mb-2 {
    margin-bottom: 0.5rem ;
  }

  .lg mb-3 {
    margin-bottom: 1rem ;
  }

  .lg mb-4 {
    margin-bottom: 1.5rem ;
  }

  .lg mb-5 {
    margin-bottom: 2rem ;
  }

  .lg mb-6 {
    margin-bottom: 3rem ;
  }

  .lg mb-7 {
    margin-bottom: 4rem ;
  }

  .lg mb-8 {
    margin-bottom: 5rem ;
  }

  .lg  mb-1 {
    margin-bottom:  0.25rem ;
  }

  .lg  mb-2 {
    margin-bottom:  0.5rem ;
  }

  .lg  mb-3 {
    margin-bottom:  1rem ;
  }

  .lg  mb-4 {
    margin-bottom:  1.5rem ;
  }

  .lg  mb-5 {
    margin-bottom:  2rem ;
  }

  .lg  mb-6 {
    margin-bottom:  3rem ;
  }

  .lg  mb-7 {
    margin-bottom:  4rem ;
  }

  .lg  mb-8 {
    margin-bottom:  5rem ;
  }

  .lg mb-auto {
    margin-bottom: auto ;
  }

  .lg mx-0 {
    margin-left: 0rem ;
    margin-right: 0rem ;
  }

  .lg mx-1 {
    margin-left: 0.25rem ;
    margin-right: 0.25rem ;
  }

  .lg mx-2 {
    margin-left: 0.5rem ;
    margin-right: 0.5rem ;
  }

  .lg mx-3 {
    margin-left: 1rem ;
    margin-right: 1rem ;
  }

  .lg mx-4 {
    margin-left: 1.5rem ;
    margin-right: 1.5rem ;
  }

  .lg mx-5 {
    margin-left: 2rem ;
    margin-right: 2rem ;
  }

  .lg mx-6 {
    margin-left: 3rem ;
    margin-right: 3rem ;
  }

  .lg mx-7 {
    margin-left: 4rem ;
    margin-right: 4rem ;
  }

  .lg mx-8 {
    margin-left: 5rem ;
    margin-right: 5rem ;
  }

  .lg  mx-1 {
    margin-left:  0.25rem ;
    margin-right:  0.25rem ;
  }

  .lg  mx-2 {
    margin-left:  0.5rem ;
    margin-right:  0.5rem ;
  }

  .lg  mx-3 {
    margin-left:  1rem ;
    margin-right:  1rem ;
  }

  .lg  mx-4 {
    margin-left:  1.5rem ;
    margin-right:  1.5rem ;
  }

  .lg  mx-5 {
    margin-left:  2rem ;
    margin-right:  2rem ;
  }

  .lg  mx-6 {
    margin-left:  3rem ;
    margin-right:  3rem ;
  }

  .lg  mx-7 {
    margin-left:  4rem ;
    margin-right:  4rem ;
  }

  .lg  mx-8 {
    margin-left:  5rem ;
    margin-right:  5rem ;
  }

  .lg mx-auto {
    margin-left: auto ;
    margin-right: auto ;
  }

  .lg my-0 {
    margin-top: 0rem ;
    margin-bottom: 0rem ;
  }

  .lg my-1 {
    margin-top: 0.25rem ;
    margin-bottom: 0.25rem ;
  }

  .lg my-2 {
    margin-top: 0.5rem ;
    margin-bottom: 0.5rem ;
  }

  .lg my-3 {
    margin-top: 1rem ;
    margin-bottom: 1rem ;
  }

  .lg my-4 {
    margin-top: 1.5rem ;
    margin-bottom: 1.5rem ;
  }

  .lg my-5 {
    margin-top: 2rem ;
    margin-bottom: 2rem ;
  }

  .lg my-6 {
    margin-top: 3rem ;
    margin-bottom: 3rem ;
  }

  .lg my-7 {
    margin-top: 4rem ;
    margin-bottom: 4rem ;
  }

  .lg my-8 {
    margin-top: 5rem ;
    margin-bottom: 5rem ;
  }

  .lg  my-1 {
    margin-top:  0.25rem ;
    margin-bottom:  0.25rem ;
  }

  .lg  my-2 {
    margin-top:  0.5rem ;
    margin-bottom:  0.5rem ;
  }

  .lg  my-3 {
    margin-top:  1rem ;
    margin-bottom:  1rem ;
  }

  .lg  my-4 {
    margin-top:  1.5rem ;
    margin-bottom:  1.5rem ;
  }

  .lg  my-5 {
    margin-top:  2rem ;
    margin-bottom:  2rem ;
  }

  .lg  my-6 {
    margin-top:  3rem ;
    margin-bottom:  3rem ;
  }

  .lg  my-7 {
    margin-top:  4rem ;
    margin-bottom:  4rem ;
  }

  .lg  my-8 {
    margin-top:  5rem ;
    margin-bottom:  5rem ;
  }

  .lg my-auto {
    margin-top: auto ;
    margin-bottom: auto ;
  }
}
@media screen and (min-width: 1200px) {
  .xl m-0 {
    margin: 0rem ;
  }

  .xl m-1 {
    margin: 0.25rem ;
  }

  .xl m-2 {
    margin: 0.5rem ;
  }

  .xl m-3 {
    margin: 1rem ;
  }

  .xl m-4 {
    margin: 1.5rem ;
  }

  .xl m-5 {
    margin: 2rem ;
  }

  .xl m-6 {
    margin: 3rem ;
  }

  .xl m-7 {
    margin: 4rem ;
  }

  .xl m-8 {
    margin: 5rem ;
  }

  .xl  m-1 {
    margin:  0.25rem ;
  }

  .xl  m-2 {
    margin:  0.5rem ;
  }

  .xl  m-3 {
    margin:  1rem ;
  }

  .xl  m-4 {
    margin:  1.5rem ;
  }

  .xl  m-5 {
    margin:  2rem ;
  }

  .xl  m-6 {
    margin:  3rem ;
  }

  .xl  m-7 {
    margin:  4rem ;
  }

  .xl  m-8 {
    margin:  5rem ;
  }

  .xl m-auto {
    margin: auto ;
  }

  .xl mt-0 {
    margin-top: 0rem ;
  }

  .xl mt-1 {
    margin-top: 0.25rem ;
  }

  .xl mt-2 {
    margin-top: 0.5rem ;
  }

  .xl mt-3 {
    margin-top: 1rem ;
  }

  .xl mt-4 {
    margin-top: 1.5rem ;
  }

  .xl mt-5 {
    margin-top: 2rem ;
  }

  .xl mt-6 {
    margin-top: 3rem ;
  }

  .xl mt-7 {
    margin-top: 4rem ;
  }

  .xl mt-8 {
    margin-top: 5rem ;
  }

  .xl  mt-1 {
    margin-top:  0.25rem ;
  }

  .xl  mt-2 {
    margin-top:  0.5rem ;
  }

  .xl  mt-3 {
    margin-top:  1rem ;
  }

  .xl  mt-4 {
    margin-top:  1.5rem ;
  }

  .xl  mt-5 {
    margin-top:  2rem ;
  }

  .xl  mt-6 {
    margin-top:  3rem ;
  }

  .xl  mt-7 {
    margin-top:  4rem ;
  }

  .xl  mt-8 {
    margin-top:  5rem ;
  }

  .xl mt-auto {
    margin-top: auto ;
  }

  .xl mr-0 {
    margin-right: 0rem ;
  }

  .xl mr-1 {
    margin-right: 0.25rem ;
  }

  .xl mr-2 {
    margin-right: 0.5rem ;
  }

  .xl mr-3 {
    margin-right: 1rem ;
  }

  .xl mr-4 {
    margin-right: 1.5rem ;
  }

  .xl mr-5 {
    margin-right: 2rem ;
  }

  .xl mr-6 {
    margin-right: 3rem ;
  }

  .xl mr-7 {
    margin-right: 4rem ;
  }

  .xl mr-8 {
    margin-right: 5rem ;
  }

  .xl  mr-1 {
    margin-right:  0.25rem ;
  }

  .xl  mr-2 {
    margin-right:  0.5rem ;
  }

  .xl  mr-3 {
    margin-right:  1rem ;
  }

  .xl  mr-4 {
    margin-right:  1.5rem ;
  }

  .xl  mr-5 {
    margin-right:  2rem ;
  }

  .xl  mr-6 {
    margin-right:  3rem ;
  }

  .xl  mr-7 {
    margin-right:  4rem ;
  }

  .xl  mr-8 {
    margin-right:  5rem ;
  }

  .xl mr-auto {
    margin-right: auto ;
  }

  .xl ml-0 {
    margin-left: 0rem ;
  }

  .xl ml-1 {
    margin-left: 0.25rem ;
  }

  .xl ml-2 {
    margin-left: 0.5rem ;
  }

  .xl ml-3 {
    margin-left: 1rem ;
  }

  .xl ml-4 {
    margin-left: 1.5rem ;
  }

  .xl ml-5 {
    margin-left: 2rem ;
  }

  .xl ml-6 {
    margin-left: 3rem ;
  }

  .xl ml-7 {
    margin-left: 4rem ;
  }

  .xl ml-8 {
    margin-left: 5rem ;
  }

  .xl  ml-1 {
    margin-left:  0.25rem ;
  }

  .xl  ml-2 {
    margin-left:  0.5rem ;
  }

  .xl  ml-3 {
    margin-left:  1rem ;
  }

  .xl  ml-4 {
    margin-left:  1.5rem ;
  }

  .xl  ml-5 {
    margin-left:  2rem ;
  }

  .xl  ml-6 {
    margin-left:  3rem ;
  }

  .xl  ml-7 {
    margin-left:  4rem ;
  }

  .xl  ml-8 {
    margin-left:  5rem ;
  }

  .xl ml-auto {
    margin-left: auto ;
  }

  .xl mb-0 {
    margin-bottom: 0rem ;
  }

  .xl mb-1 {
    margin-bottom: 0.25rem ;
  }

  .xl mb-2 {
    margin-bottom: 0.5rem ;
  }

  .xl mb-3 {
    margin-bottom: 1rem ;
  }

  .xl mb-4 {
    margin-bottom: 1.5rem ;
  }

  .xl mb-5 {
    margin-bottom: 2rem ;
  }

  .xl mb-6 {
    margin-bottom: 3rem ;
  }

  .xl mb-7 {
    margin-bottom: 4rem ;
  }

  .xl mb-8 {
    margin-bottom: 5rem ;
  }

  .xl  mb-1 {
    margin-bottom:  0.25rem ;
  }

  .xl  mb-2 {
    margin-bottom:  0.5rem ;
  }

  .xl  mb-3 {
    margin-bottom:  1rem ;
  }

  .xl  mb-4 {
    margin-bottom:  1.5rem ;
  }

  .xl  mb-5 {
    margin-bottom:  2rem ;
  }

  .xl  mb-6 {
    margin-bottom:  3rem ;
  }

  .xl  mb-7 {
    margin-bottom:  4rem ;
  }

  .xl  mb-8 {
    margin-bottom:  5rem ;
  }

  .xl mb-auto {
    margin-bottom: auto ;
  }

  .xl mx-0 {
    margin-left: 0rem ;
    margin-right: 0rem ;
  }

  .xl mx-1 {
    margin-left: 0.25rem ;
    margin-right: 0.25rem ;
  }

  .xl mx-2 {
    margin-left: 0.5rem ;
    margin-right: 0.5rem ;
  }

  .xl mx-3 {
    margin-left: 1rem ;
    margin-right: 1rem ;
  }

  .xl mx-4 {
    margin-left: 1.5rem ;
    margin-right: 1.5rem ;
  }

  .xl mx-5 {
    margin-left: 2rem ;
    margin-right: 2rem ;
  }

  .xl mx-6 {
    margin-left: 3rem ;
    margin-right: 3rem ;
  }

  .xl mx-7 {
    margin-left: 4rem ;
    margin-right: 4rem ;
  }

  .xl mx-8 {
    margin-left: 5rem ;
    margin-right: 5rem ;
  }

  .xl  mx-1 {
    margin-left:  0.25rem ;
    margin-right:  0.25rem ;
  }

  .xl  mx-2 {
    margin-left:  0.5rem ;
    margin-right:  0.5rem ;
  }

  .xl  mx-3 {
    margin-left:  1rem ;
    margin-right:  1rem ;
  }

  .xl  mx-4 {
    margin-left:  1.5rem ;
    margin-right:  1.5rem ;
  }

  .xl  mx-5 {
    margin-left:  2rem ;
    margin-right:  2rem ;
  }

  .xl  mx-6 {
    margin-left:  3rem ;
    margin-right:  3rem ;
  }

  .xl  mx-7 {
    margin-left:  4rem ;
    margin-right:  4rem ;
  }

  .xl  mx-8 {
    margin-left:  5rem ;
    margin-right:  5rem ;
  }

  .xl mx-auto {
    margin-left: auto ;
    margin-right: auto ;
  }

  .xl my-0 {
    margin-top: 0rem ;
    margin-bottom: 0rem ;
  }

  .xl my-1 {
    margin-top: 0.25rem ;
    margin-bottom: 0.25rem ;
  }

  .xl my-2 {
    margin-top: 0.5rem ;
    margin-bottom: 0.5rem ;
  }

  .xl my-3 {
    margin-top: 1rem ;
    margin-bottom: 1rem ;
  }

  .xl my-4 {
    margin-top: 1.5rem ;
    margin-bottom: 1.5rem ;
  }

  .xl my-5 {
    margin-top: 2rem ;
    margin-bottom: 2rem ;
  }

  .xl my-6 {
    margin-top: 3rem ;
    margin-bottom: 3rem ;
  }

  .xl my-7 {
    margin-top: 4rem ;
    margin-bottom: 4rem ;
  }

  .xl my-8 {
    margin-top: 5rem ;
    margin-bottom: 5rem ;
  }

  .xl  my-1 {
    margin-top:  0.25rem ;
    margin-bottom:  0.25rem ;
  }

  .xl  my-2 {
    margin-top:  0.5rem ;
    margin-bottom:  0.5rem ;
  }

  .xl  my-3 {
    margin-top:  1rem ;
    margin-bottom:  1rem ;
  }

  .xl  my-4 {
    margin-top:  1.5rem ;
    margin-bottom:  1.5rem ;
  }

  .xl  my-5 {
    margin-top:  2rem ;
    margin-bottom:  2rem ;
  }

  .xl  my-6 {
    margin-top:  3rem ;
    margin-bottom:  3rem ;
  }

  .xl  my-7 {
    margin-top:  4rem ;
    margin-bottom:  4rem ;
  }

  .xl  my-8 {
    margin-top:  5rem ;
    margin-bottom:  5rem ;
  }

  .xl my-auto {
    margin-top: auto ;
    margin-bottom: auto ;
  }
}
.shadow-none {
  box-shadow: none ;
}

.shadow-1 {
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) ;
}

.shadow-2 {
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) ;
}

.shadow-3 {
  box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px  1px rgba(0, 0, 0, 0.1) ;
}

.shadow-4 {
  box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px  1px rgba(0, 0, 0, 0.2) ;
}

.shadow-5 {
  box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px  2px rgba(0, 0, 0, 0.12), 0px 10px 15px  5px rgba(0, 0, 0, 0.2) ;
}

.shadow-6 {
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px  8px rgba(0, 0, 0, 0.18) ;
}

.shadow-7 {
  box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) ;
}

.shadow-8 {
  box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) ;
}

@media screen and (min-width: 576px) {
  .sm shadow-none {
    box-shadow: none ;
  }
  .sm shadow-1 {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) ;
  }
  .sm shadow-2 {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) ;
  }
  .sm shadow-3 {
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px  1px rgba(0, 0, 0, 0.1) ;
  }
  .sm shadow-4 {
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px  1px rgba(0, 0, 0, 0.2) ;
  }
  .sm shadow-5 {
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px  2px rgba(0, 0, 0, 0.12), 0px 10px 15px  5px rgba(0, 0, 0, 0.2) ;
  }
  .sm shadow-6 {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px  8px rgba(0, 0, 0, 0.18) ;
  }
  .sm shadow-7 {
    box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) ;
  }
  .sm shadow-8 {
    box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) ;
  }
}
@media screen and (min-width: 768px) {
  .md shadow-none {
    box-shadow: none ;
  }
  .md shadow-1 {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) ;
  }
  .md shadow-2 {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) ;
  }
  .md shadow-3 {
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px  1px rgba(0, 0, 0, 0.1) ;
  }
  .md shadow-4 {
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px  1px rgba(0, 0, 0, 0.2) ;
  }
  .md shadow-5 {
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px  2px rgba(0, 0, 0, 0.12), 0px 10px 15px  5px rgba(0, 0, 0, 0.2) ;
  }
  .md shadow-6 {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px  8px rgba(0, 0, 0, 0.18) ;
  }
  .md shadow-7 {
    box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) ;
  }
  .md shadow-8 {
    box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) ;
  }
}
@media screen and (min-width: 992px) {
  .lg shadow-none {
    box-shadow: none ;
  }
  .lg shadow-1 {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) ;
  }
  .lg shadow-2 {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) ;
  }
  .lg shadow-3 {
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px  1px rgba(0, 0, 0, 0.1) ;
  }
  .lg shadow-4 {
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px  1px rgba(0, 0, 0, 0.2) ;
  }
  .lg shadow-5 {
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px  2px rgba(0, 0, 0, 0.12), 0px 10px 15px  5px rgba(0, 0, 0, 0.2) ;
  }
  .lg shadow-6 {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px  8px rgba(0, 0, 0, 0.18) ;
  }
  .lg shadow-7 {
    box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) ;
  }
  .lg shadow-8 {
    box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) ;
  }
}
@media screen and (min-width: 1200px) {
  .xl shadow-none {
    box-shadow: none ;
  }
  .xl shadow-1 {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) ;
  }
  .xl shadow-2 {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) ;
  }
  .xl shadow-3 {
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px  1px rgba(0, 0, 0, 0.1) ;
  }
  .xl shadow-4 {
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px  1px rgba(0, 0, 0, 0.2) ;
  }
  .xl shadow-5 {
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px  2px rgba(0, 0, 0, 0.12), 0px 10px 15px  5px rgba(0, 0, 0, 0.2) ;
  }
  .xl shadow-6 {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px  8px rgba(0, 0, 0, 0.18) ;
  }
  .xl shadow-7 {
    box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) ;
  }
  .xl shadow-8 {
    box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) ;
  }
}
.border-none {
  border-width: 0px ;
  border-style: none;
}

.border-1 {
  border-width: 1px ;
  border-style: solid;
}

.border-2 {
  border-width: 2px ;
  border-style: solid;
}

.border-3 {
  border-width: 3px ;
  border-style: solid;
}

.border-top-none {
  border-top-width: 0px ;
  border-top-style: none;
}

.border-top-1 {
  border-top-width: 1px ;
  border-top-style: solid;
}

.border-top-2 {
  border-top-width: 2px ;
  border-top-style: solid;
}

.border-top-3 {
  border-top-width: 3px ;
  border-top-style: solid;
}

.border-right-none {
  border-right-width: 0px ;
  border-right-style: none;
}

.border-right-1 {
  border-right-width: 1px ;
  border-right-style: solid;
}

.border-right-2 {
  border-right-width: 2px ;
  border-right-style: solid;
}

.border-right-3 {
  border-right-width: 3px ;
  border-right-style: solid;
}

.border-left-none {
  border-left-width: 0px ;
  border-left-style: none;
}

.border-left-1 {
  border-left-width: 1px ;
  border-left-style: solid;
}

.border-left-2 {
  border-left-width: 2px ;
  border-left-style: solid;
}

.border-left-3 {
  border-left-width: 3px ;
  border-left-style: solid;
}

.border-bottom-none {
  border-bottom-width: 0px ;
  border-bottom-style: none;
}

.border-bottom-1 {
  border-bottom-width: 1px ;
  border-bottom-style: solid;
}

.border-bottom-2 {
  border-bottom-width: 2px ;
  border-bottom-style: solid;
}

.border-bottom-3 {
  border-bottom-width: 3px ;
  border-bottom-style: solid;
}

.border-x-none {
  border-left-width: 0px ;
  border-left-style: none;
  border-right-width: 0px ;
  border-right-style: none;
}

.border-x-1 {
  border-left-width: 1px ;
  border-left-style: solid;
  border-right-width: 1px ;
  border-right-style: solid;
}

.border-x-2 {
  border-left-width: 2px ;
  border-left-style: solid;
  border-right-width: 2px ;
  border-right-style: solid;
}

.border-x-3 {
  border-left-width: 3px ;
  border-left-style: solid;
  border-right-width: 3px ;
  border-right-style: solid;
}

.border-y-none {
  border-top-width: 0px ;
  border-top-style: none;
  border-bottom-width: 0px ;
  border-bottom-style: none;
}

.border-y-1 {
  border-top-width: 1px ;
  border-top-style: solid;
  border-bottom-width: 1px ;
  border-bottom-style: solid;
}

.border-y-2 {
  border-top-width: 2px ;
  border-top-style: solid;
  border-bottom-width: 2px ;
  border-bottom-style: solid;
}

.border-y-3 {
  border-top-width: 3px ;
  border-top-style: solid;
  border-bottom-width: 3px ;
  border-bottom-style: solid;
}

@media screen and (min-width: 576px) {
  .sm border-none {
    border-width: 0px ;
    border-style: none;
  }
  .sm border-1 {
    border-width: 1px ;
    border-style: solid;
  }
  .sm border-2 {
    border-width: 2px ;
    border-style: solid;
  }
  .sm border-3 {
    border-width: 3px ;
    border-style: solid;
  }
  .sm border-top-none {
    border-top-width: 0px ;
    border-top-style: none;
  }
  .sm border-top-1 {
    border-top-width: 1px ;
    border-top-style: solid;
  }
  .sm border-top-2 {
    border-top-width: 2px ;
    border-top-style: solid;
  }
  .sm border-top-3 {
    border-top-width: 3px ;
    border-top-style: solid;
  }
  .sm border-right-none {
    border-right-width: 0px ;
    border-right-style: none;
  }
  .sm border-right-1 {
    border-right-width: 1px ;
    border-right-style: solid;
  }
  .sm border-right-2 {
    border-right-width: 2px ;
    border-right-style: solid;
  }
  .sm border-right-3 {
    border-right-width: 3px ;
    border-right-style: solid;
  }
  .sm border-left-none {
    border-left-width: 0px ;
    border-left-style: none;
  }
  .sm border-left-1 {
    border-left-width: 1px ;
    border-left-style: solid;
  }
  .sm border-left-2 {
    border-left-width: 2px ;
    border-left-style: solid;
  }
  .sm border-left-3 {
    border-left-width: 3px ;
    border-left-style: solid;
  }
  .sm border-bottom-none {
    border-bottom-width: 0px ;
    border-bottom-style: none;
  }
  .sm border-bottom-1 {
    border-bottom-width: 1px ;
    border-bottom-style: solid;
  }
  .sm border-bottom-2 {
    border-bottom-width: 2px ;
    border-bottom-style: solid;
  }
  .sm border-bottom-3 {
    border-bottom-width: 3px ;
    border-bottom-style: solid;
  }
  .sm border-x-none {
    border-left-width: 0px ;
    border-left-style: none;
    border-right-width: 0px ;
    border-right-style: none;
  }
  .sm border-x-1 {
    border-left-width: 1px ;
    border-left-style: solid;
    border-right-width: 1px ;
    border-right-style: solid;
  }
  .sm border-x-2 {
    border-left-width: 2px ;
    border-left-style: solid;
    border-right-width: 2px ;
    border-right-style: solid;
  }
  .sm border-x-3 {
    border-left-width: 3px ;
    border-left-style: solid;
    border-right-width: 3px ;
    border-right-style: solid;
  }
  .sm border-y-none {
    border-top-width: 0px ;
    border-top-style: none;
    border-bottom-width: 0px ;
    border-bottom-style: none;
  }
  .sm border-y-1 {
    border-top-width: 1px ;
    border-top-style: solid;
    border-bottom-width: 1px ;
    border-bottom-style: solid;
  }
  .sm border-y-2 {
    border-top-width: 2px ;
    border-top-style: solid;
    border-bottom-width: 2px ;
    border-bottom-style: solid;
  }
  .sm border-y-3 {
    border-top-width: 3px ;
    border-top-style: solid;
    border-bottom-width: 3px ;
    border-bottom-style: solid;
  }
}
@media screen and (min-width: 768px) {
  .md border-none {
    border-width: 0px ;
    border-style: none;
  }
  .md border-1 {
    border-width: 1px ;
    border-style: solid;
  }
  .md border-2 {
    border-width: 2px ;
    border-style: solid;
  }
  .md border-3 {
    border-width: 3px ;
    border-style: solid;
  }
  .md border-top-none {
    border-top-width: 0px ;
    border-top-style: none;
  }
  .md border-top-1 {
    border-top-width: 1px ;
    border-top-style: solid;
  }
  .md border-top-2 {
    border-top-width: 2px ;
    border-top-style: solid;
  }
  .md border-top-3 {
    border-top-width: 3px ;
    border-top-style: solid;
  }
  .md border-right-none {
    border-right-width: 0px ;
    border-right-style: none;
  }
  .md border-right-1 {
    border-right-width: 1px ;
    border-right-style: solid;
  }
  .md border-right-2 {
    border-right-width: 2px ;
    border-right-style: solid;
  }
  .md border-right-3 {
    border-right-width: 3px ;
    border-right-style: solid;
  }
  .md border-left-none {
    border-left-width: 0px ;
    border-left-style: none;
  }
  .md border-left-1 {
    border-left-width: 1px ;
    border-left-style: solid;
  }
  .md border-left-2 {
    border-left-width: 2px ;
    border-left-style: solid;
  }
  .md border-left-3 {
    border-left-width: 3px ;
    border-left-style: solid;
  }
  .md border-bottom-none {
    border-bottom-width: 0px ;
    border-bottom-style: none;
  }
  .md border-bottom-1 {
    border-bottom-width: 1px ;
    border-bottom-style: solid;
  }
  .md border-bottom-2 {
    border-bottom-width: 2px ;
    border-bottom-style: solid;
  }
  .md border-bottom-3 {
    border-bottom-width: 3px ;
    border-bottom-style: solid;
  }
  .md border-x-none {
    border-left-width: 0px ;
    border-left-style: none;
    border-right-width: 0px ;
    border-right-style: none;
  }
  .md border-x-1 {
    border-left-width: 1px ;
    border-left-style: solid;
    border-right-width: 1px ;
    border-right-style: solid;
  }
  .md border-x-2 {
    border-left-width: 2px ;
    border-left-style: solid;
    border-right-width: 2px ;
    border-right-style: solid;
  }
  .md border-x-3 {
    border-left-width: 3px ;
    border-left-style: solid;
    border-right-width: 3px ;
    border-right-style: solid;
  }
  .md border-y-none {
    border-top-width: 0px ;
    border-top-style: none;
    border-bottom-width: 0px ;
    border-bottom-style: none;
  }
  .md border-y-1 {
    border-top-width: 1px ;
    border-top-style: solid;
    border-bottom-width: 1px ;
    border-bottom-style: solid;
  }
  .md border-y-2 {
    border-top-width: 2px ;
    border-top-style: solid;
    border-bottom-width: 2px ;
    border-bottom-style: solid;
  }
  .md border-y-3 {
    border-top-width: 3px ;
    border-top-style: solid;
    border-bottom-width: 3px ;
    border-bottom-style: solid;
  }
}
@media screen and (min-width: 992px) {
  .lg border-none {
    border-width: 0px ;
    border-style: none;
  }
  .lg border-1 {
    border-width: 1px ;
    border-style: solid;
  }
  .lg border-2 {
    border-width: 2px ;
    border-style: solid;
  }
  .lg border-3 {
    border-width: 3px ;
    border-style: solid;
  }
  .lg border-top-none {
    border-top-width: 0px ;
    border-top-style: none;
  }
  .lg border-top-1 {
    border-top-width: 1px ;
    border-top-style: solid;
  }
  .lg border-top-2 {
    border-top-width: 2px ;
    border-top-style: solid;
  }
  .lg border-top-3 {
    border-top-width: 3px ;
    border-top-style: solid;
  }
  .lg border-right-none {
    border-right-width: 0px ;
    border-right-style: none;
  }
  .lg border-right-1 {
    border-right-width: 1px ;
    border-right-style: solid;
  }
  .lg border-right-2 {
    border-right-width: 2px ;
    border-right-style: solid;
  }
  .lg border-right-3 {
    border-right-width: 3px ;
    border-right-style: solid;
  }
  .lg border-left-none {
    border-left-width: 0px ;
    border-left-style: none;
  }
  .lg border-left-1 {
    border-left-width: 1px ;
    border-left-style: solid;
  }
  .lg border-left-2 {
    border-left-width: 2px ;
    border-left-style: solid;
  }
  .lg border-left-3 {
    border-left-width: 3px ;
    border-left-style: solid;
  }
  .lg border-bottom-none {
    border-bottom-width: 0px ;
    border-bottom-style: none;
  }
  .lg border-bottom-1 {
    border-bottom-width: 1px ;
    border-bottom-style: solid;
  }
  .lg border-bottom-2 {
    border-bottom-width: 2px ;
    border-bottom-style: solid;
  }
  .lg border-bottom-3 {
    border-bottom-width: 3px ;
    border-bottom-style: solid;
  }
  .lg border-x-none {
    border-left-width: 0px ;
    border-left-style: none;
    border-right-width: 0px ;
    border-right-style: none;
  }
  .lg border-x-1 {
    border-left-width: 1px ;
    border-left-style: solid;
    border-right-width: 1px ;
    border-right-style: solid;
  }
  .lg border-x-2 {
    border-left-width: 2px ;
    border-left-style: solid;
    border-right-width: 2px ;
    border-right-style: solid;
  }
  .lg border-x-3 {
    border-left-width: 3px ;
    border-left-style: solid;
    border-right-width: 3px ;
    border-right-style: solid;
  }
  .lg border-y-none {
    border-top-width: 0px ;
    border-top-style: none;
    border-bottom-width: 0px ;
    border-bottom-style: none;
  }
  .lg border-y-1 {
    border-top-width: 1px ;
    border-top-style: solid;
    border-bottom-width: 1px ;
    border-bottom-style: solid;
  }
  .lg border-y-2 {
    border-top-width: 2px ;
    border-top-style: solid;
    border-bottom-width: 2px ;
    border-bottom-style: solid;
  }
  .lg border-y-3 {
    border-top-width: 3px ;
    border-top-style: solid;
    border-bottom-width: 3px ;
    border-bottom-style: solid;
  }
}
@media screen and (min-width: 1200px) {
  .xl border-none {
    border-width: 0px ;
    border-style: none;
  }
  .xl border-1 {
    border-width: 1px ;
    border-style: solid;
  }
  .xl border-2 {
    border-width: 2px ;
    border-style: solid;
  }
  .xl border-3 {
    border-width: 3px ;
    border-style: solid;
  }
  .xl border-top-none {
    border-top-width: 0px ;
    border-top-style: none;
  }
  .xl border-top-1 {
    border-top-width: 1px ;
    border-top-style: solid;
  }
  .xl border-top-2 {
    border-top-width: 2px ;
    border-top-style: solid;
  }
  .xl border-top-3 {
    border-top-width: 3px ;
    border-top-style: solid;
  }
  .xl border-right-none {
    border-right-width: 0px ;
    border-right-style: none;
  }
  .xl border-right-1 {
    border-right-width: 1px ;
    border-right-style: solid;
  }
  .xl border-right-2 {
    border-right-width: 2px ;
    border-right-style: solid;
  }
  .xl border-right-3 {
    border-right-width: 3px ;
    border-right-style: solid;
  }
  .xl border-left-none {
    border-left-width: 0px ;
    border-left-style: none;
  }
  .xl border-left-1 {
    border-left-width: 1px ;
    border-left-style: solid;
  }
  .xl border-left-2 {
    border-left-width: 2px ;
    border-left-style: solid;
  }
  .xl border-left-3 {
    border-left-width: 3px ;
    border-left-style: solid;
  }
  .xl border-bottom-none {
    border-bottom-width: 0px ;
    border-bottom-style: none;
  }
  .xl border-bottom-1 {
    border-bottom-width: 1px ;
    border-bottom-style: solid;
  }
  .xl border-bottom-2 {
    border-bottom-width: 2px ;
    border-bottom-style: solid;
  }
  .xl border-bottom-3 {
    border-bottom-width: 3px ;
    border-bottom-style: solid;
  }
  .xl border-x-none {
    border-left-width: 0px ;
    border-left-style: none;
    border-right-width: 0px ;
    border-right-style: none;
  }
  .xl border-x-1 {
    border-left-width: 1px ;
    border-left-style: solid;
    border-right-width: 1px ;
    border-right-style: solid;
  }
  .xl border-x-2 {
    border-left-width: 2px ;
    border-left-style: solid;
    border-right-width: 2px ;
    border-right-style: solid;
  }
  .xl border-x-3 {
    border-left-width: 3px ;
    border-left-style: solid;
    border-right-width: 3px ;
    border-right-style: solid;
  }
  .xl border-y-none {
    border-top-width: 0px ;
    border-top-style: none;
    border-bottom-width: 0px ;
    border-bottom-style: none;
  }
  .xl border-y-1 {
    border-top-width: 1px ;
    border-top-style: solid;
    border-bottom-width: 1px ;
    border-bottom-style: solid;
  }
  .xl border-y-2 {
    border-top-width: 2px ;
    border-top-style: solid;
    border-bottom-width: 2px ;
    border-bottom-style: solid;
  }
  .xl border-y-3 {
    border-top-width: 3px ;
    border-top-style: solid;
    border-bottom-width: 3px ;
    border-bottom-style: solid;
  }
}
.border-solid {
  border-style: solid ;
}

.border-dashed {
  border-style: dashed ;
}

.border-dotted {
  border-style: dotted ;
}

.border-double {
  border-style: double ;
}

@media screen and (min-width: 576px) {
  .sm border-solid {
    border-style: solid ;
  }
  .sm border-dashed {
    border-style: dashed ;
  }
  .sm border-dotted {
    border-style: dotted ;
  }
  .sm border-double {
    border-style: double ;
  }
}
@media screen and (min-width: 768px) {
  .md border-solid {
    border-style: solid ;
  }
  .md border-dashed {
    border-style: dashed ;
  }
  .md border-dotted {
    border-style: dotted ;
  }
  .md border-double {
    border-style: double ;
  }
}
@media screen and (min-width: 992px) {
  .lg border-solid {
    border-style: solid ;
  }
  .lg border-dashed {
    border-style: dashed ;
  }
  .lg border-dotted {
    border-style: dotted ;
  }
  .lg border-double {
    border-style: double ;
  }
}
@media screen and (min-width: 1200px) {
  .xl border-solid {
    border-style: solid ;
  }
  .xl border-dashed {
    border-style: dashed ;
  }
  .xl border-dotted {
    border-style: dotted ;
  }
  .xl border-double {
    border-style: double ;
  }
}
.border-round-left {
  border-top-left-radius:  @border-radius;
  border-bottom-left-radius:  @border-radius;
}

.border-round-top {
  border-top-left-radius:  @border-radius;
  border-top-right-radius:  @border-radius;
}

.border-round-right {
  border-top-right-radius:  @border-radius;
  border-bottom-right-radius:  @border-radius;
}

.border-round-bottom {
  border-bottom-left-radius:  @border-radius;
  border-bottom-right-radius:  @border-radius;
}

@media screen and (min-width: 576px) {
  .sm border-round-left {
    border-top-left-radius:  @border-radius;
    border-bottom-left-radius:  @border-radius;
  }
  .sm border-round-top {
    border-top-left-radius:  @border-radius;
    border-top-right-radius:  @border-radius;
  }
  .sm border-round-right {
    border-top-right-radius:  @border-radius;
    border-bottom-right-radius:  @border-radius;
  }
  .sm border-round-bottom {
    border-bottom-left-radius:  @border-radius;
    border-bottom-right-radius:  @border-radius;
  }
}
@media screen and (min-width: 768px) {
  .md border-round-left {
    border-top-left-radius:  @border-radius;
    border-bottom-left-radius:  @border-radius;
  }
  .md border-round-top {
    border-top-left-radius:  @border-radius;
    border-top-right-radius:  @border-radius;
  }
  .md border-round-right {
    border-top-right-radius:  @border-radius;
    border-bottom-right-radius:  @border-radius;
  }
  .md border-round-bottom {
    border-bottom-left-radius:  @border-radius;
    border-bottom-right-radius:  @border-radius;
  }
}
@media screen and (min-width: 992px) {
  .lg border-round-left {
    border-top-left-radius:  @border-radius;
    border-bottom-left-radius:  @border-radius;
  }
  .lg border-round-top {
    border-top-left-radius:  @border-radius;
    border-top-right-radius:  @border-radius;
  }
  .lg border-round-right {
    border-top-right-radius:  @border-radius;
    border-bottom-right-radius:  @border-radius;
  }
  .lg border-round-bottom {
    border-bottom-left-radius:  @border-radius;
    border-bottom-right-radius:  @border-radius;
  }
}
@media screen and (min-width: 1200px) {
  .xl border-round-left {
    border-top-left-radius:  @border-radius;
    border-bottom-left-radius:  @border-radius;
  }
  .xl border-round-top {
    border-top-left-radius:  @border-radius;
    border-top-right-radius:  @border-radius;
  }
  .xl border-round-right {
    border-top-right-radius:  @border-radius;
    border-bottom-right-radius:  @border-radius;
  }
  .xl border-round-bottom {
    border-bottom-left-radius:  @border-radius;
    border-bottom-right-radius:  @border-radius;
  }
}
.border-noround {
  border-radius: 0 ;
}

.border-round {
  border-radius:  @border-radius ;
}

.border-circle {
  border-radius: 50% ;
}

@media screen and (min-width: 576px) {
  .sm border-noround {
    border-radius: 0 ;
  }
  .sm border-round {
    border-radius:  @border-radius ;
  }
  .sm border-circle {
    border-radius: 50% ;
  }
}
@media screen and (min-width: 768px) {
  .md border-noround {
    border-radius: 0 ;
  }
  .md border-round {
    border-radius:  @border-radius ;
  }
  .md border-circle {
    border-radius: 50% ;
  }
}
@media screen and (min-width: 992px) {
  .lg border-noround {
    border-radius: 0 ;
  }
  .lg border-round {
    border-radius:  @border-radius ;
  }
  .lg border-circle {
    border-radius: 50% ;
  }
}
@media screen and (min-width: 1200px) {
  .xl border-noround {
    border-radius: 0 ;
  }
  .xl border-round {
    border-radius:  @border-radius ;
  }
  .xl border-circle {
    border-radius: 50% ;
  }
}
.w-full {
  width: 100% ;
}

.w-screen {
  width: 100vw ;
}

.w-auto {
  width: auto ;
}

.w-min {
  width: min-content ;
}

.w-max {
  width: max-content ;
}

@media screen and (min-width: 576px) {
  .sm w-full {
    width: 100% ;
  }
  .sm w-screen {
    width: 100vw ;
  }
  .sm w-auto {
    width: auto ;
  }
  .sm w-min {
    width: min-content ;
  }
  .sm w-max {
    width: max-content ;
  }
}
@media screen and (min-width: 768px) {
  .md w-full {
    width: 100% ;
  }
  .md w-screen {
    width: 100vw ;
  }
  .md w-auto {
    width: auto ;
  }
  .md w-min {
    width: min-content ;
  }
  .md w-max {
    width: max-content ;
  }
}
@media screen and (min-width: 992px) {
  .lg w-full {
    width: 100% ;
  }
  .lg w-screen {
    width: 100vw ;
  }
  .lg w-auto {
    width: auto ;
  }
  .lg w-min {
    width: min-content ;
  }
  .lg w-max {
    width: max-content ;
  }
}
@media screen and (min-width: 1200px) {
  .xl w-full {
    width: 100% ;
  }
  .xl w-screen {
    width: 100vw ;
  }
  .xl w-auto {
    width: auto ;
  }
  .xl w-min {
    width: min-content ;
  }
  .xl w-max {
    width: max-content ;
  }
}
.h-full {
  height: 100% ;
}

.h-screen {
  height: 100vh ;
}

.h-auto {
  height: auto ;
}

@media screen and (min-width: 576px) {
  .sm h-full {
    height: 100% ;
  }
  .sm h-screen {
    height: 100vh ;
  }
  .sm h-auto {
    height: auto ;
  }
}
@media screen and (min-width: 768px) {
  .md h-full {
    height: 100% ;
  }
  .md h-screen {
    height: 100vh ;
  }
  .md h-auto {
    height: auto ;
  }
}
@media screen and (min-width: 992px) {
  .lg h-full {
    height: 100% ;
  }
  .lg h-screen {
    height: 100vh ;
  }
  .lg h-auto {
    height: auto ;
  }
}
@media screen and (min-width: 1200px) {
  .xl h-full {
    height: 100% ;
  }
  .xl h-screen {
    height: 100vh ;
  }
  .xl h-auto {
    height: auto ;
  }
}
.min-w-0 {
  min-width: 0px ;
}

.min-w-full {
  min-width: 100% ;
}

.min-w-screen {
  min-width: 100vw ;
}

.min-w-min {
  min-width: min-content ;
}

.min-w-max {
  min-width: max-content ;
}

@media screen and (min-width: 576px) {
  .sm min-w-0 {
    min-width: 0px ;
  }
  .sm min-w-full {
    min-width: 100% ;
  }
  .sm min-w-screen {
    min-width: 100vw ;
  }
  .sm min-w-min {
    min-width: min-content ;
  }
  .sm min-w-max {
    min-width: max-content ;
  }
}
@media screen and (min-width: 768px) {
  .md min-w-0 {
    min-width: 0px ;
  }
  .md min-w-full {
    min-width: 100% ;
  }
  .md min-w-screen {
    min-width: 100vw ;
  }
  .md min-w-min {
    min-width: min-content ;
  }
  .md min-w-max {
    min-width: max-content ;
  }
}
@media screen and (min-width: 992px) {
  .lg min-w-0 {
    min-width: 0px ;
  }
  .lg min-w-full {
    min-width: 100% ;
  }
  .lg min-w-screen {
    min-width: 100vw ;
  }
  .lg min-w-min {
    min-width: min-content ;
  }
  .lg min-w-max {
    min-width: max-content ;
  }
}
@media screen and (min-width: 1200px) {
  .xl min-w-0 {
    min-width: 0px ;
  }
  .xl min-w-full {
    min-width: 100% ;
  }
  .xl min-w-screen {
    min-width: 100vw ;
  }
  .xl min-w-min {
    min-width: min-content ;
  }
  .xl min-w-max {
    min-width: max-content ;
  }
}
.max-w-0 {
  max-width: 0px ;
}

.max-w-full {
  max-width: 100% ;
}

.max-w-screen {
  max-width: 100vw ;
}

.max-w-min {
  max-width: min-content ;
}

.max-w-max {
  max-width: max-content ;
}

@media screen and (min-width: 576px) {
  .sm max-w-0 {
    max-width: 0px ;
  }
  .sm max-w-full {
    max-width: 100% ;
  }
  .sm max-w-screen {
    max-width: 100vw ;
  }
  .sm max-w-min {
    max-width: min-content ;
  }
  .sm max-w-max {
    max-width: max-content ;
  }
}
@media screen and (min-width: 768px) {
  .md max-w-0 {
    max-width: 0px ;
  }
  .md max-w-full {
    max-width: 100% ;
  }
  .md max-w-screen {
    max-width: 100vw ;
  }
  .md max-w-min {
    max-width: min-content ;
  }
  .md max-w-max {
    max-width: max-content ;
  }
}
@media screen and (min-width: 992px) {
  .lg max-w-0 {
    max-width: 0px ;
  }
  .lg max-w-full {
    max-width: 100% ;
  }
  .lg max-w-screen {
    max-width: 100vw ;
  }
  .lg max-w-min {
    max-width: min-content ;
  }
  .lg max-w-max {
    max-width: max-content ;
  }
}
@media screen and (min-width: 1200px) {
  .xl max-w-0 {
    max-width: 0px ;
  }
  .xl max-w-full {
    max-width: 100% ;
  }
  .xl max-w-screen {
    max-width: 100vw ;
  }
  .xl max-w-min {
    max-width: min-content ;
  }
  .xl max-w-max {
    max-width: max-content ;
  }
}
.min-h-0 {
  min-height: 0px ;
}

.min-h-full {
  min-height: 100% ;
}

.min-h-screen {
  min-height: 100vh ;
}

@media screen and (min-width: 576px) {
  .sm min-h-0 {
    min-height: 0px ;
  }
  .sm min-h-full {
    min-height: 100% ;
  }
  .sm min-h-screen {
    min-height: 100vh ;
  }
}
@media screen and (min-width: 768px) {
  .md min-h-0 {
    min-height: 0px ;
  }
  .md min-h-full {
    min-height: 100% ;
  }
  .md min-h-screen {
    min-height: 100vh ;
  }
}
@media screen and (min-width: 992px) {
  .lg min-h-0 {
    min-height: 0px ;
  }
  .lg min-h-full {
    min-height: 100% ;
  }
  .lg min-h-screen {
    min-height: 100vh ;
  }
}
@media screen and (min-width: 1200px) {
  .xl min-h-0 {
    min-height: 0px ;
  }
  .xl min-h-full {
    min-height: 100% ;
  }
  .xl min-h-screen {
    min-height: 100vh ;
  }
}
.max-h-0 {
  max-height: 0px ;
}

.max-h-full {
  max-height: 100% ;
}

.max-h-screen {
  max-height: 100vh ;
}

@media screen and (min-width: 576px) {
  .sm max-h-0 {
    max-height: 0px ;
  }
  .sm max-h-full {
    max-height: 100% ;
  }
  .sm max-h-screen {
    max-height: 100vh ;
  }
}
@media screen and (min-width: 768px) {
  .md max-h-0 {
    max-height: 0px ;
  }
  .md max-h-full {
    max-height: 100% ;
  }
  .md max-h-screen {
    max-height: 100vh ;
  }
}
@media screen and (min-width: 992px) {
  .lg max-h-0 {
    max-height: 0px ;
  }
  .lg max-h-full {
    max-height: 100% ;
  }
  .lg max-h-screen {
    max-height: 100vh ;
  }
}
@media screen and (min-width: 1200px) {
  .xl max-h-0 {
    max-height: 0px ;
  }
  .xl max-h-full {
    max-height: 100% ;
  }
  .xl max-h-screen {
    max-height: 100vh ;
  }
}
.w-1 {
  width: 8.3333% ;
}

.w-2 {
  width: 16.6667% ;
}

.w-3 {
  width: 25% ;
}

.w-4 {
  width: 33.3333% ;
}

.w-5 {
  width: 41.6667% ;
}

.w-6 {
  width: 50% ;
}

.w-7 {
  width: 58.3333% ;
}

.w-8 {
  width: 66.6667% ;
}

.w-9 {
  width: 75% ;
}

.w-10 {
  width: 83.3333% ;
}

.w-11 {
  width: 91.6667% ;
}

.w-12 {
  width: 100% ;
}

@media screen and (min-width: 576px) {
  .sm w-1 {
    width: 8.3333% ;
  }
  .sm w-2 {
    width: 16.6667% ;
  }
  .sm w-3 {
    width: 25% ;
  }
  .sm w-4 {
    width: 33.3333% ;
  }
  .sm w-5 {
    width: 41.6667% ;
  }
  .sm w-6 {
    width: 50% ;
  }
  .sm w-7 {
    width: 58.3333% ;
  }
  .sm w-8 {
    width: 66.6667% ;
  }
  .sm w-9 {
    width: 75% ;
  }
  .sm w-10 {
    width: 83.3333% ;
  }
  .sm w-11 {
    width: 91.6667% ;
  }
  .sm w-12 {
    width: 100% ;
  }
}
@media screen and (min-width: 768px) {
  .md w-1 {
    width: 8.3333% ;
  }
  .md w-2 {
    width: 16.6667% ;
  }
  .md w-3 {
    width: 25% ;
  }
  .md w-4 {
    width: 33.3333% ;
  }
  .md w-5 {
    width: 41.6667% ;
  }
  .md w-6 {
    width: 50% ;
  }
  .md w-7 {
    width: 58.3333% ;
  }
  .md w-8 {
    width: 66.6667% ;
  }
  .md w-9 {
    width: 75% ;
  }
  .md w-10 {
    width: 83.3333% ;
  }
  .md w-11 {
    width: 91.6667% ;
  }
  .md w-12 {
    width: 100% ;
  }
}
@media screen and (min-width: 992px) {
  .lg w-1 {
    width: 8.3333% ;
  }
  .lg w-2 {
    width: 16.6667% ;
  }
  .lg w-3 {
    width: 25% ;
  }
  .lg w-4 {
    width: 33.3333% ;
  }
  .lg w-5 {
    width: 41.6667% ;
  }
  .lg w-6 {
    width: 50% ;
  }
  .lg w-7 {
    width: 58.3333% ;
  }
  .lg w-8 {
    width: 66.6667% ;
  }
  .lg w-9 {
    width: 75% ;
  }
  .lg w-10 {
    width: 83.3333% ;
  }
  .lg w-11 {
    width: 91.6667% ;
  }
  .lg w-12 {
    width: 100% ;
  }
}
@media screen and (min-width: 1200px) {
  .xl w-1 {
    width: 8.3333% ;
  }
  .xl w-2 {
    width: 16.6667% ;
  }
  .xl w-3 {
    width: 25% ;
  }
  .xl w-4 {
    width: 33.3333% ;
  }
  .xl w-5 {
    width: 41.6667% ;
  }
  .xl w-6 {
    width: 50% ;
  }
  .xl w-7 {
    width: 58.3333% ;
  }
  .xl w-8 {
    width: 66.6667% ;
  }
  .xl w-9 {
    width: 75% ;
  }
  .xl w-10 {
    width: 83.3333% ;
  }
  .xl w-11 {
    width: 91.6667% ;
  }
  .xl w-12 {
    width: 100% ;
  }
}
.w-1rem {
  width: 1rem ;
}

.w-2rem {
  width: 2rem ;
}

.w-3rem {
  width: 3rem ;
}

.w-4rem {
  width: 4rem ;
}

.w-5rem {
  width: 5rem ;
}

.w-6rem {
  width: 6rem ;
}

.w-7rem {
  width: 7rem ;
}

.w-8rem {
  width: 8rem ;
}

.w-9rem {
  width: 9rem ;
}

.w-10rem {
  width: 10rem ;
}

.w-11rem {
  width: 11rem ;
}

.w-12rem {
  width: 12rem ;
}

.w-13rem {
  width: 13rem ;
}

.w-14rem {
  width: 14rem ;
}

.w-15rem {
  width: 15rem ;
}

.w-16rem {
  width: 16rem ;
}

.w-17rem {
  width: 17rem ;
}

.w-18rem {
  width: 18rem ;
}

.w-19rem {
  width: 19rem ;
}

.w-20rem {
  width: 20rem ;
}

.w-21rem {
  width: 21rem ;
}

.w-22rem {
  width: 22rem ;
}

.w-23rem {
  width: 23rem ;
}

.w-24rem {
  width: 24rem ;
}

.w-25rem {
  width: 25rem ;
}

.w-26rem {
  width: 26rem ;
}

.w-27rem {
  width: 27rem ;
}

.w-28rem {
  width: 28rem ;
}

.w-29rem {
  width: 29rem ;
}

.w-30rem {
  width: 30rem ;
}

@media screen and (min-width: 576px) {
  .sm w-1rem {
    width: 1rem ;
  }
  .sm w-2rem {
    width: 2rem ;
  }
  .sm w-3rem {
    width: 3rem ;
  }
  .sm w-4rem {
    width: 4rem ;
  }
  .sm w-5rem {
    width: 5rem ;
  }
  .sm w-6rem {
    width: 6rem ;
  }
  .sm w-7rem {
    width: 7rem ;
  }
  .sm w-8rem {
    width: 8rem ;
  }
  .sm w-9rem {
    width: 9rem ;
  }
  .sm w-10rem {
    width: 10rem ;
  }
  .sm w-11rem {
    width: 11rem ;
  }
  .sm w-12rem {
    width: 12rem ;
  }
  .sm w-13rem {
    width: 13rem ;
  }
  .sm w-14rem {
    width: 14rem ;
  }
  .sm w-15rem {
    width: 15rem ;
  }
  .sm w-16rem {
    width: 16rem ;
  }
  .sm w-17rem {
    width: 17rem ;
  }
  .sm w-18rem {
    width: 18rem ;
  }
  .sm w-19rem {
    width: 19rem ;
  }
  .sm w-20rem {
    width: 20rem ;
  }
  .sm w-21rem {
    width: 21rem ;
  }
  .sm w-22rem {
    width: 22rem ;
  }
  .sm w-23rem {
    width: 23rem ;
  }
  .sm w-24rem {
    width: 24rem ;
  }
  .sm w-25rem {
    width: 25rem ;
  }
  .sm w-26rem {
    width: 26rem ;
  }
  .sm w-27rem {
    width: 27rem ;
  }
  .sm w-28rem {
    width: 28rem ;
  }
  .sm w-29rem {
    width: 29rem ;
  }
  .sm w-30rem {
    width: 30rem ;
  }
}
@media screen and (min-width: 768px) {
  .md w-1rem {
    width: 1rem ;
  }
  .md w-2rem {
    width: 2rem ;
  }
  .md w-3rem {
    width: 3rem ;
  }
  .md w-4rem {
    width: 4rem ;
  }
  .md w-5rem {
    width: 5rem ;
  }
  .md w-6rem {
    width: 6rem ;
  }
  .md w-7rem {
    width: 7rem ;
  }
  .md w-8rem {
    width: 8rem ;
  }
  .md w-9rem {
    width: 9rem ;
  }
  .md w-10rem {
    width: 10rem ;
  }
  .md w-11rem {
    width: 11rem ;
  }
  .md w-12rem {
    width: 12rem ;
  }
  .md w-13rem {
    width: 13rem ;
  }
  .md w-14rem {
    width: 14rem ;
  }
  .md w-15rem {
    width: 15rem ;
  }
  .md w-16rem {
    width: 16rem ;
  }
  .md w-17rem {
    width: 17rem ;
  }
  .md w-18rem {
    width: 18rem ;
  }
  .md w-19rem {
    width: 19rem ;
  }
  .md w-20rem {
    width: 20rem ;
  }
  .md w-21rem {
    width: 21rem ;
  }
  .md w-22rem {
    width: 22rem ;
  }
  .md w-23rem {
    width: 23rem ;
  }
  .md w-24rem {
    width: 24rem ;
  }
  .md w-25rem {
    width: 25rem ;
  }
  .md w-26rem {
    width: 26rem ;
  }
  .md w-27rem {
    width: 27rem ;
  }
  .md w-28rem {
    width: 28rem ;
  }
  .md w-29rem {
    width: 29rem ;
  }
  .md w-30rem {
    width: 30rem ;
  }
}
@media screen and (min-width: 992px) {
  .lg w-1rem {
    width: 1rem ;
  }
  .lg w-2rem {
    width: 2rem ;
  }
  .lg w-3rem {
    width: 3rem ;
  }
  .lg w-4rem {
    width: 4rem ;
  }
  .lg w-5rem {
    width: 5rem ;
  }
  .lg w-6rem {
    width: 6rem ;
  }
  .lg w-7rem {
    width: 7rem ;
  }
  .lg w-8rem {
    width: 8rem ;
  }
  .lg w-9rem {
    width: 9rem ;
  }
  .lg w-10rem {
    width: 10rem ;
  }
  .lg w-11rem {
    width: 11rem ;
  }
  .lg w-12rem {
    width: 12rem ;
  }
  .lg w-13rem {
    width: 13rem ;
  }
  .lg w-14rem {
    width: 14rem ;
  }
  .lg w-15rem {
    width: 15rem ;
  }
  .lg w-16rem {
    width: 16rem ;
  }
  .lg w-17rem {
    width: 17rem ;
  }
  .lg w-18rem {
    width: 18rem ;
  }
  .lg w-19rem {
    width: 19rem ;
  }
  .lg w-20rem {
    width: 20rem ;
  }
  .lg w-21rem {
    width: 21rem ;
  }
  .lg w-22rem {
    width: 22rem ;
  }
  .lg w-23rem {
    width: 23rem ;
  }
  .lg w-24rem {
    width: 24rem ;
  }
  .lg w-25rem {
    width: 25rem ;
  }
  .lg w-26rem {
    width: 26rem ;
  }
  .lg w-27rem {
    width: 27rem ;
  }
  .lg w-28rem {
    width: 28rem ;
  }
  .lg w-29rem {
    width: 29rem ;
  }
  .lg w-30rem {
    width: 30rem ;
  }
}
@media screen and (min-width: 1200px) {
  .xl w-1rem {
    width: 1rem ;
  }
  .xl w-2rem {
    width: 2rem ;
  }
  .xl w-3rem {
    width: 3rem ;
  }
  .xl w-4rem {
    width: 4rem ;
  }
  .xl w-5rem {
    width: 5rem ;
  }
  .xl w-6rem {
    width: 6rem ;
  }
  .xl w-7rem {
    width: 7rem ;
  }
  .xl w-8rem {
    width: 8rem ;
  }
  .xl w-9rem {
    width: 9rem ;
  }
  .xl w-10rem {
    width: 10rem ;
  }
  .xl w-11rem {
    width: 11rem ;
  }
  .xl w-12rem {
    width: 12rem ;
  }
  .xl w-13rem {
    width: 13rem ;
  }
  .xl w-14rem {
    width: 14rem ;
  }
  .xl w-15rem {
    width: 15rem ;
  }
  .xl w-16rem {
    width: 16rem ;
  }
  .xl w-17rem {
    width: 17rem ;
  }
  .xl w-18rem {
    width: 18rem ;
  }
  .xl w-19rem {
    width: 19rem ;
  }
  .xl w-20rem {
    width: 20rem ;
  }
  .xl w-21rem {
    width: 21rem ;
  }
  .xl w-22rem {
    width: 22rem ;
  }
  .xl w-23rem {
    width: 23rem ;
  }
  .xl w-24rem {
    width: 24rem ;
  }
  .xl w-25rem {
    width: 25rem ;
  }
  .xl w-26rem {
    width: 26rem ;
  }
  .xl w-27rem {
    width: 27rem ;
  }
  .xl w-28rem {
    width: 28rem ;
  }
  .xl w-29rem {
    width: 29rem ;
  }
  .xl w-30rem {
    width: 30rem ;
  }
}
.h-1rem {
  height: 1rem ;
}

.h-2rem {
  height: 2rem ;
}

.h-3rem {
  height: 3rem ;
}

.h-4rem {
  height: 4rem ;
}

.h-5rem {
  height: 5rem ;
}

.h-6rem {
  height: 6rem ;
}

.h-7rem {
  height: 7rem ;
}

.h-8rem {
  height: 8rem ;
}

.h-9rem {
  height: 9rem ;
}

.h-10rem {
  height: 10rem ;
}

.h-11rem {
  height: 11rem ;
}

.h-12rem {
  height: 12rem ;
}

.h-13rem {
  height: 13rem ;
}

.h-14rem {
  height: 14rem ;
}

.h-15rem {
  height: 15rem ;
}

.h-16rem {
  height: 16rem ;
}

.h-17rem {
  height: 17rem ;
}

.h-18rem {
  height: 18rem ;
}

.h-19rem {
  height: 19rem ;
}

.h-20rem {
  height: 20rem ;
}

.h-21rem {
  height: 21rem ;
}

.h-22rem {
  height: 22rem ;
}

.h-23rem {
  height: 23rem ;
}

.h-24rem {
  height: 24rem ;
}

.h-25rem {
  height: 25rem ;
}

.h-26rem {
  height: 26rem ;
}

.h-27rem {
  height: 27rem ;
}

.h-28rem {
  height: 28rem ;
}

.h-29rem {
  height: 29rem ;
}

.h-30rem {
  height: 30rem ;
}

@media screen and (min-width: 576px) {
  .sm h-1rem {
    height: 1rem ;
  }
  .sm h-2rem {
    height: 2rem ;
  }
  .sm h-3rem {
    height: 3rem ;
  }
  .sm h-4rem {
    height: 4rem ;
  }
  .sm h-5rem {
    height: 5rem ;
  }
  .sm h-6rem {
    height: 6rem ;
  }
  .sm h-7rem {
    height: 7rem ;
  }
  .sm h-8rem {
    height: 8rem ;
  }
  .sm h-9rem {
    height: 9rem ;
  }
  .sm h-10rem {
    height: 10rem ;
  }
  .sm h-11rem {
    height: 11rem ;
  }
  .sm h-12rem {
    height: 12rem ;
  }
  .sm h-13rem {
    height: 13rem ;
  }
  .sm h-14rem {
    height: 14rem ;
  }
  .sm h-15rem {
    height: 15rem ;
  }
  .sm h-16rem {
    height: 16rem ;
  }
  .sm h-17rem {
    height: 17rem ;
  }
  .sm h-18rem {
    height: 18rem ;
  }
  .sm h-19rem {
    height: 19rem ;
  }
  .sm h-20rem {
    height: 20rem ;
  }
  .sm h-21rem {
    height: 21rem ;
  }
  .sm h-22rem {
    height: 22rem ;
  }
  .sm h-23rem {
    height: 23rem ;
  }
  .sm h-24rem {
    height: 24rem ;
  }
  .sm h-25rem {
    height: 25rem ;
  }
  .sm h-26rem {
    height: 26rem ;
  }
  .sm h-27rem {
    height: 27rem ;
  }
  .sm h-28rem {
    height: 28rem ;
  }
  .sm h-29rem {
    height: 29rem ;
  }
  .sm h-30rem {
    height: 30rem ;
  }
}
@media screen and (min-width: 768px) {
  .md h-1rem {
    height: 1rem ;
  }
  .md h-2rem {
    height: 2rem ;
  }
  .md h-3rem {
    height: 3rem ;
  }
  .md h-4rem {
    height: 4rem ;
  }
  .md h-5rem {
    height: 5rem ;
  }
  .md h-6rem {
    height: 6rem ;
  }
  .md h-7rem {
    height: 7rem ;
  }
  .md h-8rem {
    height: 8rem ;
  }
  .md h-9rem {
    height: 9rem ;
  }
  .md h-10rem {
    height: 10rem ;
  }
  .md h-11rem {
    height: 11rem ;
  }
  .md h-12rem {
    height: 12rem ;
  }
  .md h-13rem {
    height: 13rem ;
  }
  .md h-14rem {
    height: 14rem ;
  }
  .md h-15rem {
    height: 15rem ;
  }
  .md h-16rem {
    height: 16rem ;
  }
  .md h-17rem {
    height: 17rem ;
  }
  .md h-18rem {
    height: 18rem ;
  }
  .md h-19rem {
    height: 19rem ;
  }
  .md h-20rem {
    height: 20rem ;
  }
  .md h-21rem {
    height: 21rem ;
  }
  .md h-22rem {
    height: 22rem ;
  }
  .md h-23rem {
    height: 23rem ;
  }
  .md h-24rem {
    height: 24rem ;
  }
  .md h-25rem {
    height: 25rem ;
  }
  .md h-26rem {
    height: 26rem ;
  }
  .md h-27rem {
    height: 27rem ;
  }
  .md h-28rem {
    height: 28rem ;
  }
  .md h-29rem {
    height: 29rem ;
  }
  .md h-30rem {
    height: 30rem ;
  }
}
@media screen and (min-width: 992px) {
  .lg h-1rem {
    height: 1rem ;
  }
  .lg h-2rem {
    height: 2rem ;
  }
  .lg h-3rem {
    height: 3rem ;
  }
  .lg h-4rem {
    height: 4rem ;
  }
  .lg h-5rem {
    height: 5rem ;
  }
  .lg h-6rem {
    height: 6rem ;
  }
  .lg h-7rem {
    height: 7rem ;
  }
  .lg h-8rem {
    height: 8rem ;
  }
  .lg h-9rem {
    height: 9rem ;
  }
  .lg h-10rem {
    height: 10rem ;
  }
  .lg h-11rem {
    height: 11rem ;
  }
  .lg h-12rem {
    height: 12rem ;
  }
  .lg h-13rem {
    height: 13rem ;
  }
  .lg h-14rem {
    height: 14rem ;
  }
  .lg h-15rem {
    height: 15rem ;
  }
  .lg h-16rem {
    height: 16rem ;
  }
  .lg h-17rem {
    height: 17rem ;
  }
  .lg h-18rem {
    height: 18rem ;
  }
  .lg h-19rem {
    height: 19rem ;
  }
  .lg h-20rem {
    height: 20rem ;
  }
  .lg h-21rem {
    height: 21rem ;
  }
  .lg h-22rem {
    height: 22rem ;
  }
  .lg h-23rem {
    height: 23rem ;
  }
  .lg h-24rem {
    height: 24rem ;
  }
  .lg h-25rem {
    height: 25rem ;
  }
  .lg h-26rem {
    height: 26rem ;
  }
  .lg h-27rem {
    height: 27rem ;
  }
  .lg h-28rem {
    height: 28rem ;
  }
  .lg h-29rem {
    height: 29rem ;
  }
  .lg h-30rem {
    height: 30rem ;
  }
}
@media screen and (min-width: 1200px) {
  .xl h-1rem {
    height: 1rem ;
  }
  .xl h-2rem {
    height: 2rem ;
  }
  .xl h-3rem {
    height: 3rem ;
  }
  .xl h-4rem {
    height: 4rem ;
  }
  .xl h-5rem {
    height: 5rem ;
  }
  .xl h-6rem {
    height: 6rem ;
  }
  .xl h-7rem {
    height: 7rem ;
  }
  .xl h-8rem {
    height: 8rem ;
  }
  .xl h-9rem {
    height: 9rem ;
  }
  .xl h-10rem {
    height: 10rem ;
  }
  .xl h-11rem {
    height: 11rem ;
  }
  .xl h-12rem {
    height: 12rem ;
  }
  .xl h-13rem {
    height: 13rem ;
  }
  .xl h-14rem {
    height: 14rem ;
  }
  .xl h-15rem {
    height: 15rem ;
  }
  .xl h-16rem {
    height: 16rem ;
  }
  .xl h-17rem {
    height: 17rem ;
  }
  .xl h-18rem {
    height: 18rem ;
  }
  .xl h-19rem {
    height: 19rem ;
  }
  .xl h-20rem {
    height: 20rem ;
  }
  .xl h-21rem {
    height: 21rem ;
  }
  .xl h-22rem {
    height: 22rem ;
  }
  .xl h-23rem {
    height: 23rem ;
  }
  .xl h-24rem {
    height: 24rem ;
  }
  .xl h-25rem {
    height: 25rem ;
  }
  .xl h-26rem {
    height: 26rem ;
  }
  .xl h-27rem {
    height: 27rem ;
  }
  .xl h-28rem {
    height: 28rem ;
  }
  .xl h-29rem {
    height: 29rem ;
  }
  .xl h-30rem {
    height: 30rem ;
  }
}
.static {
  position: static ;
}

.fixed {
  position: fixed ;
}

.absolute {
  position: absolute ;
}

.relative {
  position: relative ;
}

.sticky {
  position: sticky ;
}

@media screen and (min-width: 576px) {
  .sm static {
    position: static ;
  }
  .sm fixed {
    position: fixed ;
  }
  .sm absolute {
    position: absolute ;
  }
  .sm relative {
    position: relative ;
  }
  .sm sticky {
    position: sticky ;
  }
}
@media screen and (min-width: 768px) {
  .md static {
    position: static ;
  }
  .md fixed {
    position: fixed ;
  }
  .md absolute {
    position: absolute ;
  }
  .md relative {
    position: relative ;
  }
  .md sticky {
    position: sticky ;
  }
}
@media screen and (min-width: 992px) {
  .lg static {
    position: static ;
  }
  .lg fixed {
    position: fixed ;
  }
  .lg absolute {
    position: absolute ;
  }
  .lg relative {
    position: relative ;
  }
  .lg sticky {
    position: sticky ;
  }
}
@media screen and (min-width: 1200px) {
  .xl static {
    position: static ;
  }
  .xl fixed {
    position: fixed ;
  }
  .xl absolute {
    position: absolute ;
  }
  .xl relative {
    position: relative ;
  }
  .xl sticky {
    position: sticky ;
  }
}
.top-auto {
  top: auto ;
}

.top-0 {
  top: 0px ;
}

.top-50 {
  top: 50% ;
}

.top-100 {
  top: 100% ;
}

@media screen and (min-width: 576px) {
  .sm top-auto {
    top: auto ;
  }
  .sm top-0 {
    top: 0px ;
  }
  .sm top-50 {
    top: 50% ;
  }
  .sm top-100 {
    top: 100% ;
  }
}
@media screen and (min-width: 768px) {
  .md top-auto {
    top: auto ;
  }
  .md top-0 {
    top: 0px ;
  }
  .md top-50 {
    top: 50% ;
  }
  .md top-100 {
    top: 100% ;
  }
}
@media screen and (min-width: 992px) {
  .lg top-auto {
    top: auto ;
  }
  .lg top-0 {
    top: 0px ;
  }
  .lg top-50 {
    top: 50% ;
  }
  .lg top-100 {
    top: 100% ;
  }
}
@media screen and (min-width: 1200px) {
  .xl top-auto {
    top: auto ;
  }
  .xl top-0 {
    top: 0px ;
  }
  .xl top-50 {
    top: 50% ;
  }
  .xl top-100 {
    top: 100% ;
  }
}
.left-auto {
  left: auto ;
}

.left-0 {
  left: 0px ;
}

.left-50 {
  left: 50% ;
}

.left-100 {
  left: 100% ;
}

@media screen and (min-width: 576px) {
  .sm left-auto {
    left: auto ;
  }
  .sm left-0 {
    left: 0px ;
  }
  .sm left-50 {
    left: 50% ;
  }
  .sm left-100 {
    left: 100% ;
  }
}
@media screen and (min-width: 768px) {
  .md left-auto {
    left: auto ;
  }
  .md left-0 {
    left: 0px ;
  }
  .md left-50 {
    left: 50% ;
  }
  .md left-100 {
    left: 100% ;
  }
}
@media screen and (min-width: 992px) {
  .lg left-auto {
    left: auto ;
  }
  .lg left-0 {
    left: 0px ;
  }
  .lg left-50 {
    left: 50% ;
  }
  .lg left-100 {
    left: 100% ;
  }
}
@media screen and (min-width: 1200px) {
  .xl left-auto {
    left: auto ;
  }
  .xl left-0 {
    left: 0px ;
  }
  .xl left-50 {
    left: 50% ;
  }
  .xl left-100 {
    left: 100% ;
  }
}
.right-auto {
  right: auto ;
}

.right-0 {
  right: 0px ;
}

.right-50 {
  right: 50% ;
}

.right-100 {
  right: 100% ;
}

@media screen and (min-width: 576px) {
  .sm right-auto {
    right: auto ;
  }
  .sm right-0 {
    right: 0px ;
  }
  .sm right-50 {
    right: 50% ;
  }
  .sm right-100 {
    right: 100% ;
  }
}
@media screen and (min-width: 768px) {
  .md right-auto {
    right: auto ;
  }
  .md right-0 {
    right: 0px ;
  }
  .md right-50 {
    right: 50% ;
  }
  .md right-100 {
    right: 100% ;
  }
}
@media screen and (min-width: 992px) {
  .lg right-auto {
    right: auto ;
  }
  .lg right-0 {
    right: 0px ;
  }
  .lg right-50 {
    right: 50% ;
  }
  .lg right-100 {
    right: 100% ;
  }
}
@media screen and (min-width: 1200px) {
  .xl right-auto {
    right: auto ;
  }
  .xl right-0 {
    right: 0px ;
  }
  .xl right-50 {
    right: 50% ;
  }
  .xl right-100 {
    right: 100% ;
  }
}
.bottom-auto {
  bottom: auto ;
}

.bottom-0 {
  bottom: 0px ;
}

.bottom-50 {
  bottom: 50% ;
}

.bottom-100 {
  bottom: 100% ;
}

@media screen and (min-width: 576px) {
  .sm bottom-auto {
    bottom: auto ;
  }
  .sm bottom-0 {
    bottom: 0px ;
  }
  .sm bottom-50 {
    bottom: 50% ;
  }
  .sm bottom-100 {
    bottom: 100% ;
  }
}
@media screen and (min-width: 768px) {
  .md bottom-auto {
    bottom: auto ;
  }
  .md bottom-0 {
    bottom: 0px ;
  }
  .md bottom-50 {
    bottom: 50% ;
  }
  .md bottom-100 {
    bottom: 100% ;
  }
}
@media screen and (min-width: 992px) {
  .lg bottom-auto {
    bottom: auto ;
  }
  .lg bottom-0 {
    bottom: 0px ;
  }
  .lg bottom-50 {
    bottom: 50% ;
  }
  .lg bottom-100 {
    bottom: 100% ;
  }
}
@media screen and (min-width: 1200px) {
  .xl bottom-auto {
    bottom: auto ;
  }
  .xl bottom-0 {
    bottom: 0px ;
  }
  .xl bottom-50 {
    bottom: 50% ;
  }
  .xl bottom-100 {
    bottom: 100% ;
  }
}
.overflow-auto {
  overflow: auto ;
}

.overflow-hidden {
  overflow: hidden ;
}

.overflow-visible {
  overflow: visible ;
}

.overflow-scroll {
  overflow: scroll ;
}

@media screen and (min-width: 576px) {
  .sm overflow-auto {
    overflow: auto ;
  }
  .sm overflow-hidden {
    overflow: hidden ;
  }
  .sm overflow-visible {
    overflow: visible ;
  }
  .sm overflow-scroll {
    overflow: scroll ;
  }
}
@media screen and (min-width: 768px) {
  .md overflow-auto {
    overflow: auto ;
  }
  .md overflow-hidden {
    overflow: hidden ;
  }
  .md overflow-visible {
    overflow: visible ;
  }
  .md overflow-scroll {
    overflow: scroll ;
  }
}
@media screen and (min-width: 992px) {
  .lg overflow-auto {
    overflow: auto ;
  }
  .lg overflow-hidden {
    overflow: hidden ;
  }
  .lg overflow-visible {
    overflow: visible ;
  }
  .lg overflow-scroll {
    overflow: scroll ;
  }
}
@media screen and (min-width: 1200px) {
  .xl overflow-auto {
    overflow: auto ;
  }
  .xl overflow-hidden {
    overflow: hidden ;
  }
  .xl overflow-visible {
    overflow: visible ;
  }
  .xl overflow-scroll {
    overflow: scroll ;
  }
}
.overflow-x-auto {
  overflow-x: auto ;
}

.overflow-x-hidden {
  overflow-x: hidden ;
}

.overflow-x-visible {
  overflow-x: visible ;
}

.overflow-x-scroll {
  overflow-x: scroll ;
}

@media screen and (min-width: 576px) {
  .sm overflow-x-auto {
    overflow-x: auto ;
  }
  .sm overflow-x-hidden {
    overflow-x: hidden ;
  }
  .sm overflow-x-visible {
    overflow-x: visible ;
  }
  .sm overflow-x-scroll {
    overflow-x: scroll ;
  }
}
@media screen and (min-width: 768px) {
  .md overflow-x-auto {
    overflow-x: auto ;
  }
  .md overflow-x-hidden {
    overflow-x: hidden ;
  }
  .md overflow-x-visible {
    overflow-x: visible ;
  }
  .md overflow-x-scroll {
    overflow-x: scroll ;
  }
}
@media screen and (min-width: 992px) {
  .lg overflow-x-auto {
    overflow-x: auto ;
  }
  .lg overflow-x-hidden {
    overflow-x: hidden ;
  }
  .lg overflow-x-visible {
    overflow-x: visible ;
  }
  .lg overflow-x-scroll {
    overflow-x: scroll ;
  }
}
@media screen and (min-width: 1200px) {
  .xl overflow-x-auto {
    overflow-x: auto ;
  }
  .xl overflow-x-hidden {
    overflow-x: hidden ;
  }
  .xl overflow-x-visible {
    overflow-x: visible ;
  }
  .xl overflow-x-scroll {
    overflow-x: scroll ;
  }
}
.overflow-y-auto {
  overflow-y: auto ;
}

.overflow-y-hidden {
  overflow-y: hidden ;
}

.overflow-y-visible {
  overflow-y: visible ;
}

.overflow-y-scroll {
  overflow-y: scroll ;
}

@media screen and (min-width: 576px) {
  .sm overflow-y-auto {
    overflow-y: auto ;
  }
  .sm overflow-y-hidden {
    overflow-y: hidden ;
  }
  .sm overflow-y-visible {
    overflow-y: visible ;
  }
  .sm overflow-y-scroll {
    overflow-y: scroll ;
  }
}
@media screen and (min-width: 768px) {
  .md overflow-y-auto {
    overflow-y: auto ;
  }
  .md overflow-y-hidden {
    overflow-y: hidden ;
  }
  .md overflow-y-visible {
    overflow-y: visible ;
  }
  .md overflow-y-scroll {
    overflow-y: scroll ;
  }
}
@media screen and (min-width: 992px) {
  .lg overflow-y-auto {
    overflow-y: auto ;
  }
  .lg overflow-y-hidden {
    overflow-y: hidden ;
  }
  .lg overflow-y-visible {
    overflow-y: visible ;
  }
  .lg overflow-y-scroll {
    overflow-y: scroll ;
  }
}
@media screen and (min-width: 1200px) {
  .xl overflow-y-auto {
    overflow-y: auto ;
  }
  .xl overflow-y-hidden {
    overflow-y: hidden ;
  }
  .xl overflow-y-visible {
    overflow-y: visible ;
  }
  .xl overflow-y-scroll {
    overflow-y: scroll ;
  }
}
.z-auto {
  z-index: auto ;
}

.z-0 {
  z-index: 0 ;
}

.z-1 {
  z-index: 1 ;
}

.z-2 {
  z-index: 2 ;
}

.z-3 {
  z-index: 3 ;
}

.z-4 {
  z-index: 4 ;
}

.z-5 {
  z-index: 5 ;
}

@media screen and (min-width: 576px) {
  .sm z-auto {
    z-index: auto ;
  }
  .sm z-0 {
    z-index: 0 ;
  }
  .sm z-1 {
    z-index: 1 ;
  }
  .sm z-2 {
    z-index: 2 ;
  }
  .sm z-3 {
    z-index: 3 ;
  }
  .sm z-4 {
    z-index: 4 ;
  }
  .sm z-5 {
    z-index: 5 ;
  }
}
@media screen and (min-width: 768px) {
  .md z-auto {
    z-index: auto ;
  }
  .md z-0 {
    z-index: 0 ;
  }
  .md z-1 {
    z-index: 1 ;
  }
  .md z-2 {
    z-index: 2 ;
  }
  .md z-3 {
    z-index: 3 ;
  }
  .md z-4 {
    z-index: 4 ;
  }
  .md z-5 {
    z-index: 5 ;
  }
}
@media screen and (min-width: 992px) {
  .lg z-auto {
    z-index: auto ;
  }
  .lg z-0 {
    z-index: 0 ;
  }
  .lg z-1 {
    z-index: 1 ;
  }
  .lg z-2 {
    z-index: 2 ;
  }
  .lg z-3 {
    z-index: 3 ;
  }
  .lg z-4 {
    z-index: 4 ;
  }
  .lg z-5 {
    z-index: 5 ;
  }
}
@media screen and (min-width: 1200px) {
  .xl z-auto {
    z-index: auto ;
  }
  .xl z-0 {
    z-index: 0 ;
  }
  .xl z-1 {
    z-index: 1 ;
  }
  .xl z-2 {
    z-index: 2 ;
  }
  .xl z-3 {
    z-index: 3 ;
  }
  .xl z-4 {
    z-index: 4 ;
  }
  .xl z-5 {
    z-index: 5 ;
  }
}
.bg-repeat {
  background-repeat: repeat ;
}

.bg-no-repeat {
  background-repeat: no-repeat ;
}

.bg-repeat-x {
  background-repeat: repeat-x ;
}

.bg-repeat-y {
  background-repeat: repeat-y ;
}

.bg-repeat-round {
  background-repeat: round ;
}

.bg-repeat-space {
  background-repeat: space ;
}

@media screen and (min-width: 576px) {
  .sm bg-repeat {
    background-repeat: repeat ;
  }
  .sm bg-no-repeat {
    background-repeat: no-repeat ;
  }
  .sm bg-repeat-x {
    background-repeat: repeat-x ;
  }
  .sm bg-repeat-y {
    background-repeat: repeat-y ;
  }
  .sm bg-repeat-round {
    background-repeat: round ;
  }
  .sm bg-repeat-space {
    background-repeat: space ;
  }
}
@media screen and (min-width: 768px) {
  .md bg-repeat {
    background-repeat: repeat ;
  }
  .md bg-no-repeat {
    background-repeat: no-repeat ;
  }
  .md bg-repeat-x {
    background-repeat: repeat-x ;
  }
  .md bg-repeat-y {
    background-repeat: repeat-y ;
  }
  .md bg-repeat-round {
    background-repeat: round ;
  }
  .md bg-repeat-space {
    background-repeat: space ;
  }
}
@media screen and (min-width: 992px) {
  .lg bg-repeat {
    background-repeat: repeat ;
  }
  .lg bg-no-repeat {
    background-repeat: no-repeat ;
  }
  .lg bg-repeat-x {
    background-repeat: repeat-x ;
  }
  .lg bg-repeat-y {
    background-repeat: repeat-y ;
  }
  .lg bg-repeat-round {
    background-repeat: round ;
  }
  .lg bg-repeat-space {
    background-repeat: space ;
  }
}
@media screen and (min-width: 1200px) {
  .xl bg-repeat {
    background-repeat: repeat ;
  }
  .xl bg-no-repeat {
    background-repeat: no-repeat ;
  }
  .xl bg-repeat-x {
    background-repeat: repeat-x ;
  }
  .xl bg-repeat-y {
    background-repeat: repeat-y ;
  }
  .xl bg-repeat-round {
    background-repeat: round ;
  }
  .xl bg-repeat-space {
    background-repeat: space ;
  }
}
.bg-auto {
  background-size: auto ;
}

.bg-cover {
  background-size: cover ;
}

.bg-contain {
  background-size: contain ;
}

@media screen and (min-width: 576px) {
  .sm bg-auto {
    background-size: auto ;
  }
  .sm bg-cover {
    background-size: cover ;
  }
  .sm bg-contain {
    background-size: contain ;
  }
}
@media screen and (min-width: 768px) {
  .md bg-auto {
    background-size: auto ;
  }
  .md bg-cover {
    background-size: cover ;
  }
  .md bg-contain {
    background-size: contain ;
  }
}
@media screen and (min-width: 992px) {
  .lg bg-auto {
    background-size: auto ;
  }
  .lg bg-cover {
    background-size: cover ;
  }
  .lg bg-contain {
    background-size: contain ;
  }
}
@media screen and (min-width: 1200px) {
  .xl bg-auto {
    background-size: auto ;
  }
  .xl bg-cover {
    background-size: cover ;
  }
  .xl bg-contain {
    background-size: contain ;
  }
}
.bg-bottom {
  background-position: bottom ;
}

.bg-center {
  background-position: center ;
}

.bg-left {
  background-position: left ;
}

.bg-left-bottom {
  background-position: left bottom ;
}

.bg-left-top {
  background-position: left top ;
}

.bg-right {
  background-position: right ;
}

.bg-right-bottom {
  background-position: right bottom ;
}

.bg-right-top {
  background-position: right top ;
}

.bg-top {
  background-position: top ;
}

@media screen and (min-width: 576px) {
  .sm bg-bottom {
    background-position: bottom ;
  }
  .sm bg-center {
    background-position: center ;
  }
  .sm bg-left {
    background-position: left ;
  }
  .sm bg-left-bottom {
    background-position: left bottom ;
  }
  .sm bg-left-top {
    background-position: left top ;
  }
  .sm bg-right {
    background-position: right ;
  }
  .sm bg-right-bottom {
    background-position: right bottom ;
  }
  .sm bg-right-top {
    background-position: right top ;
  }
  .sm bg-top {
    background-position: top ;
  }
}
@media screen and (min-width: 768px) {
  .md bg-bottom {
    background-position: bottom ;
  }
  .md bg-center {
    background-position: center ;
  }
  .md bg-left {
    background-position: left ;
  }
  .md bg-left-bottom {
    background-position: left bottom ;
  }
  .md bg-left-top {
    background-position: left top ;
  }
  .md bg-right {
    background-position: right ;
  }
  .md bg-right-bottom {
    background-position: right bottom ;
  }
  .md bg-right-top {
    background-position: right top ;
  }
  .md bg-top {
    background-position: top ;
  }
}
@media screen and (min-width: 992px) {
  .lg bg-bottom {
    background-position: bottom ;
  }
  .lg bg-center {
    background-position: center ;
  }
  .lg bg-left {
    background-position: left ;
  }
  .lg bg-left-bottom {
    background-position: left bottom ;
  }
  .lg bg-left-top {
    background-position: left top ;
  }
  .lg bg-right {
    background-position: right ;
  }
  .lg bg-right-bottom {
    background-position: right bottom ;
  }
  .lg bg-right-top {
    background-position: right top ;
  }
  .lg bg-top {
    background-position: top ;
  }
}
@media screen and (min-width: 1200px) {
  .xl bg-bottom {
    background-position: bottom ;
  }
  .xl bg-center {
    background-position: center ;
  }
  .xl bg-left {
    background-position: left ;
  }
  .xl bg-left-bottom {
    background-position: left bottom ;
  }
  .xl bg-left-top {
    background-position: left top ;
  }
  .xl bg-right {
    background-position: right ;
  }
  .xl bg-right-bottom {
    background-position: right bottom ;
  }
  .xl bg-right-top {
    background-position: right top ;
  }
  .xl bg-top {
    background-position: top ;
  }
}
.select-none {
  user-select: none ;
}

.select-text {
  user-select: text ;
}

.select-all {
  user-select: all ;
}

.select-auto {
  user-select: auto ;
}

.list-none {
  list-style: none ;
}

.list-disc {
  list-style: disc ;
}

.list-decimal {
  list-style: decimal ;
}

.appearance-none {
  appearance: none ;
}

.outline-none {
  outline: none ;
}

.pointer-events-none {
  pointer-events: none ;
}

.pointer-events-auto {
  pointer-events: auto ;
}

.cursor-auto {
  cursor: auto ;
}

.cursor-pointer {
  cursor: pointer ;
}

.cursor-wait {
  cursor: wait ;
}

.cursor-move {
  cursor: move ;
}

.select-none {
  user-select: none ;
}

.select-text {
  user-select: text ;
}

.select-all {
  user-select: all ;
}

.select-auto {
  user-select: auto ;
}

.opacity-0 {
  opacity: 0 ;
}

.opacity-10 {
  opacity: .1 ;
}

.opacity-20 {
  opacity: .2 ;
}

.opacity-30 {
  opacity: .3 ;
}

.opacity-40 {
  opacity: .4 ;
}

.opacity-50 {
  opacity: .5 ;
}

.opacity-60 {
  opacity: .6 ;
}

.opacity-70 {
  opacity: .7 ;
}

.opacity-80 {
  opacity: .8 ;
}

.opacity-90 {
  opacity: .9 ;
}

.opacity-100 {
  opacity: 1 ;
}

.transition-none {
  transition-property: none ;
}

.transition-all {
  transition-property: all ;
}

.transition-colors {
  transition-property: background-color,border-color,color ;
}

.transition-transform {
  transition-property: transform ;
}

.transition-duration-100 {
  transition-duration: 100ms ;
}

.transition-duration-150 {
  transition-duration: 150ms ;
}

.transition-duration-200 {
  transition-duration: 200ms ;
}

.transition-duration-300 {
  transition-duration: 300ms ;
}

.transition-duration-400 {
  transition-duration: 400ms ;
}

.transition-duration-500 {
  transition-duration: 500ms ;
}

.transition-duration-1000 {
  transition-duration: 1000ms ;
}

.transition-duration-2000 {
  transition-duration: 2000ms ;
}

.transition-duration-3000 {
  transition-duration: 3000ms ;
}

.transition-linear {
  transition-timing-function: linear ;
}

.transition-ease-in {
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1) ;
}

.transition-ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1) ;
}

.transition-ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) ;
}

.transition-delay-100 {
  transition-delay: 100ms ;
}

.transition-delay-150 {
  transition-delay: 150ms ;
}

.transition-delay-200 {
  transition-delay: 200ms ;
}

.transition-delay-300 {
  transition-delay: 300ms ;
}

.transition-delay-400 {
  transition-delay: 400ms ;
}

.transition-delay-500 {
  transition-delay: 500ms ;
}

.transition-delay-1000 {
  transition-delay: 1000ms ;
}

.translate-x-0 {
  transform: translateX(0%) ;
}

.translate-x-100 {
  transform: translateX(100%) ;
}

.translate-x-100 {
  transform: translateX(-100%) ;
}

.translate-y-0 {
  transform: translateY(0%) ;
}

.translate-y-100 {
  transform: translateY(100%) ;
}

.translate-y-100 {
  transform: translateY(-100%) ;
}

@media screen and (min-width: 576px) {
  .sm translate-x-0 {
    transform: translateX(0%) ;
  }
  .sm translate-x-100 {
    transform: translateX(100%) ;
  }
  .sm  translate-x-100 {
    transform: translateX(-100%) ;
  }
  .sm translate-y-0 {
    transform: translateY(0%) ;
  }
  .sm translate-y-100 {
    transform: translateY(100%) ;
  }
  .sm  translate-y-100 {
    transform: translateY(-100%) ;
  }
}
@media screen and (min-width: 768px) {
  .md translate-x-0 {
    transform: translateX(0%) ;
  }
  .md translate-x-100 {
    transform: translateX(100%) ;
  }
  .md  translate-x-100 {
    transform: translateX(-100%) ;
  }
  .md translate-y-0 {
    transform: translateY(0%) ;
  }
  .md translate-y-100 {
    transform: translateY(100%) ;
  }
  .md  translate-y-100 {
    transform: translateY(-100%) ;
  }
}
@media screen and (min-width: 992px) {
  .lg translate-x-0 {
    transform: translateX(0%) ;
  }
  .lg translate-x-100 {
    transform: translateX(100%) ;
  }
  .lg  translate-x-100 {
    transform: translateX(-100%) ;
  }
  .lg translate-y-0 {
    transform: translateY(0%) ;
  }
  .lg translate-y-100 {
    transform: translateY(100%) ;
  }
  .lg  translate-y-100 {
    transform: translateY(-100%) ;
  }
}
@media screen and (min-width: 1200px) {
  .xl translate-x-0 {
    transform: translateX(0%) ;
  }
  .xl translate-x-100 {
    transform: translateX(100%) ;
  }
  .xl  translate-x-100 {
    transform: translateX(-100%) ;
  }
  .xl translate-y-0 {
    transform: translateY(0%) ;
  }
  .xl translate-y-100 {
    transform: translateY(100%) ;
  }
  .xl  translate-y-100 {
    transform: translateY(-100%) ;
  }
}
.rotate-45 {
  transform: rotate(45deg) ;
}

.rotate-45 {
  transform: rotate(-45deg) ;
}

.rotate-90 {
  transform: rotate(90deg) ;
}

.rotate-90 {
  transform: rotate(-90deg) ;
}

.rotate-180 {
  transform: rotate(180deg) ;
}

.rotate-180 {
  transform: rotate(-180deg) ;
}

@media screen and (min-width: 576px) {
  .sm rotate-45 {
    transform: rotate(45deg) ;
  }
  .sm  rotate-45 {
    transform: rotate(-45deg) ;
  }
  .sm rotate-90 {
    transform: rotate(90deg) ;
  }
  .sm  rotate-90 {
    transform: rotate(-90deg) ;
  }
  .sm rotate-180 {
    transform: rotate(180deg) ;
  }
  .sm  rotate-180 {
    transform: rotate(-180deg) ;
  }
}
@media screen and (min-width: 768px) {
  .md rotate-45 {
    transform: rotate(45deg) ;
  }
  .md  rotate-45 {
    transform: rotate(-45deg) ;
  }
  .md rotate-90 {
    transform: rotate(90deg) ;
  }
  .md  rotate-90 {
    transform: rotate(-90deg) ;
  }
  .md rotate-180 {
    transform: rotate(180deg) ;
  }
  .md  rotate-180 {
    transform: rotate(-180deg) ;
  }
}
@media screen and (min-width: 992px) {
  .lg rotate-45 {
    transform: rotate(45deg) ;
  }
  .lg  rotate-45 {
    transform: rotate(-45deg) ;
  }
  .lg rotate-90 {
    transform: rotate(90deg) ;
  }
  .lg  rotate-90 {
    transform: rotate(-90deg) ;
  }
  .lg rotate-180 {
    transform: rotate(180deg) ;
  }
  .lg  rotate-180 {
    transform: rotate(-180deg) ;
  }
}
@media screen and (min-width: 1200px) {
  .xl rotate-45 {
    transform: rotate(45deg) ;
  }
  .xl  rotate-45 {
    transform: rotate(-45deg) ;
  }
  .xl rotate-90 {
    transform: rotate(90deg) ;
  }
  .xl  rotate-90 {
    transform: rotate(-90deg) ;
  }
  .xl rotate-180 {
    transform: rotate(180deg) ;
  }
  .xl  rotate-180 {
    transform: rotate(-180deg) ;
  }
}
.origin-center {
  transform-origin: center ;
}

.origin-top {
  transform-origin: top ;
}

.origin-top-right {
  transform-origin: top right ;
}

.origin-right {
  transform-origin: right ;
}

.origin-bottom-right {
  transform-origin: bottom right ;
}

.origin-bottom {
  transform-origin: bottom ;
}

.origin-bottom-left {
  transform-origin: bottom left ;
}

.origin-left {
  transform-origin: left ;
}

.origin-top-left {
  transform-origin: top-left ;
}

@media screen and (min-width: 576px) {
  .sm origin-center {
    transform-origin: center ;
  }
  .sm origin-top {
    transform-origin: top ;
  }
  .sm origin-top-right {
    transform-origin: top right ;
  }
  .sm origin-right {
    transform-origin: right ;
  }
  .sm origin-bottom-right {
    transform-origin: bottom right ;
  }
  .sm origin-bottom {
    transform-origin: bottom ;
  }
  .sm origin-bottom-left {
    transform-origin: bottom left ;
  }
  .sm origin-left {
    transform-origin: left ;
  }
  .sm origin-top-left {
    transform-origin: top-left ;
  }
}
@media screen and (min-width: 768px) {
  .md origin-center {
    transform-origin: center ;
  }
  .md origin-top {
    transform-origin: top ;
  }
  .md origin-top-right {
    transform-origin: top right ;
  }
  .md origin-right {
    transform-origin: right ;
  }
  .md origin-bottom-right {
    transform-origin: bottom right ;
  }
  .md origin-bottom {
    transform-origin: bottom ;
  }
  .md origin-bottom-left {
    transform-origin: bottom left ;
  }
  .md origin-left {
    transform-origin: left ;
  }
  .md origin-top-left {
    transform-origin: top-left ;
  }
}
@media screen and (min-width: 992px) {
  .lg origin-center {
    transform-origin: center ;
  }
  .lg origin-top {
    transform-origin: top ;
  }
  .lg origin-top-right {
    transform-origin: top right ;
  }
  .lg origin-right {
    transform-origin: right ;
  }
  .lg origin-bottom-right {
    transform-origin: bottom right ;
  }
  .lg origin-bottom {
    transform-origin: bottom ;
  }
  .lg origin-bottom-left {
    transform-origin: bottom left ;
  }
  .lg origin-left {
    transform-origin: left ;
  }
  .lg origin-top-left {
    transform-origin: top-left ;
  }
}
@media screen and (min-width: 1200px) {
  .xl origin-center {
    transform-origin: center ;
  }
  .xl origin-top {
    transform-origin: top ;
  }
  .xl origin-top-right {
    transform-origin: top right ;
  }
  .xl origin-right {
    transform-origin: right ;
  }
  .xl origin-bottom-right {
    transform-origin: bottom right ;
  }
  .xl origin-bottom {
    transform-origin: bottom ;
  }
  .xl origin-bottom-left {
    transform-origin: bottom left ;
  }
  .xl origin-left {
    transform-origin: left ;
  }
  .xl origin-top-left {
    transform-origin: top-left ;
  }
}
@keyframes fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeout {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes scalein {
  0% {
    opacity: 0;
    transform: scaleY(0.8);
    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
  }
  100% {
    opacity: 1;
    transform: scaleY(1);
  }
}
@keyframes slidedown {
  0% {
    max-height: 0;
  }
  100% {
    max-height: auto;
  }
}
@keyframes slideup {
  0% {
    max-height: 1000px;
  }
  100% {
    max-height: 0;
  }
}
@keyframes fadeinleft {
  0% {
    opacity: 0;
    transform: translateX(-100%);
    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
  }
  100% {
    opacity: 1;
    transform: translateX(0%);
  }
}
@keyframes fadeoutleft {
  0% {
    opacity: 1;
    transform: translateX(0%);
    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
  }
  100% {
    opacity: 0;
    transform: translateX(-100%);
  }
}
@keyframes fadeinright {
  0% {
    opacity: 0;
    transform: translateX(100%);
    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
  }
  100% {
    opacity: 1;
    transform: translateX(0%);
  }
}
@keyframes fadeoutright {
  0% {
    opacity: 1;
    transform: translateX(0%);
    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
  }
  100% {
    opacity: 0;
    transform: translateX(100%);
  }
}
@keyframes fadeinup {
  0% {
    opacity: 0;
    transform: translateY(-100%);
    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
  }
  100% {
    opacity: 1;
    transform: translateY(0%);
  }
}
@keyframes fadeoutup {
  0% {
    opacity: 1;
    transform: translateY(0%);
    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
  }
  100% {
    opacity: 0;
    transform: translateY(-100%);
  }
}
@keyframes fadeindown {
  0% {
    opacity: 0;
    transform: translateY(100%);
    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
  }
  100% {
    opacity: 1;
    transform: translateY(0%);
  }
}
@keyframes fadeoutdown {
  0% {
    opacity: 1;
    transform: translateY(0%);
    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
  }
  100% {
    opacity: 0;
    transform: translateY(100%);
  }
}
@keyframes animate-width {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
.fadein {
  animation: fadein 0.15s linear;
}

.fadeout {
  animation: fadeout 0.15s linear;
}

.slidedown {
  animation: slidedown 0.45s ease-in-out;
}

.slideup {
  animation: slideup 0.45s cubic-bezier(0, 1, 0, 1);
}

.scalein {
  animation: scalein 0.15s linear;
}

.fadeinleft {
  animation: fadeinleft 0.15s linear;
}

.fadeoutleft {
  animation: fadeoutleft 0.15s linear;
}

.fadeinright {
  animation: fadeinright 0.15s linear;
}

.fadeoutright {
  animation: fadeoutright 0.15s linear;
}

.fadeinup {
  animation: fadeinup 0.15s linear;
}

.fadeoutup {
  animation: fadeoutup 0.15s linear;
}

.fadeindown {
  animation: fadeindown 0.15s linear;
}

.fadeoutdown {
  animation: fadeoutdown 0.15s linear;
}

.animate-width {
  animation: animate-width 1000ms linear;
}

.animation-duration-100 {
  animation-duration: 100ms ;
}

.animation-duration-150 {
  animation-duration: 150ms ;
}

.animation-duration-200 {
  animation-duration: 200ms ;
}

.animation-duration-300 {
  animation-duration: 300ms ;
}

.animation-duration-400 {
  animation-duration: 400ms ;
}

.animation-duration-500 {
  animation-duration: 500ms ;
}

.animation-duration-1000 {
  animation-duration: 1000ms ;
}

.animation-duration-2000 {
  animation-duration: 2000ms ;
}

.animation-duration-3000 {
  animation-duration: 3000ms ;
}

.animation-delay-100 {
  animation-delay: 100ms ;
}

.animation-delay-150 {
  animation-delay: 150ms ;
}

.animation-delay-200 {
  animation-delay: 200ms ;
}

.animation-delay-300 {
  animation-delay: 300ms ;
}

.animation-delay-400 {
  animation-delay: 400ms ;
}

.animation-delay-500 {
  animation-delay: 500ms ;
}

.animation-delay-1000 {
  animation-delay: 1000ms ;
}

.animation-iteration-1 {
  animation-iteration-count: 1 ;
}

.animation-iteration-2 {
  animation-iteration-count: 2 ;
}

.animation-iteration-infinite {
  animation-iteration-count: infinite ;
}

.animation-linear {
  animation-timing-function: linear ;
}

.animation-ease-in {
  animation-timing-function: cubic-bezier(0.4, 0, 1, 1) ;
}

.animation-ease-out {
  animation-timing-function: cubic-bezier(0, 0, 0.2, 1) ;
}

.animation-ease-in-out {
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1) ;
}

.animation-fill-none {
  animation-fill-mode: none ;
}

.animation-fill-forwards {
  animation-fill-mode: forwards ;
}

.animation-fill-backwards {
  animation-fill-mode: backwards ;
}

.animation-fill-both {
  animation-fill-mode: both ;
}
